Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -32,98 +32,63 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SalonFlow SaaS"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Get Started", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Manage Your Salon Business with Precision."
|
||||
description="The ultimate SaaS platform built for modern barbershops and salons. Streamline scheduling, POS, CRM, and inventory from one powerful dashboard."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "/register",
|
||||
},
|
||||
text: "Start Free Trial", href: "/register"},
|
||||
{
|
||||
text: "Book a Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Demo", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg"
|
||||
imageAlt="salon management software dashboard ui"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
alt: "Modern and equipped computer lab",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", alt: "Modern and equipped computer lab"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
|
||||
alt: "Research Analysis Ideas Strategy Information Concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", alt: "Research Analysis Ideas Strategy Information Concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
alt: "Business Chart Visual Graphics Report Concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg", alt: "Business Chart Visual Graphics Report Concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
alt: "Businessman studying infographics and performance metrics",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", alt: "Businessman studying infographics and performance metrics"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
alt: "Empty medical cabinet in private clinic with a laptop and diagnostics",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", alt: "Empty medical cabinet in private clinic with a laptop and diagnostics"},
|
||||
]}
|
||||
avatarText="Join 500+ successful salons"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Automated Bookings",
|
||||
icon: Calendar,
|
||||
type: "text-icon", text: "Automated Bookings", icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Smart Analytics",
|
||||
icon: BarChart2,
|
||||
type: "text-icon", text: "Smart Analytics", icon: BarChart2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mobile POS",
|
||||
icon: Smartphone,
|
||||
type: "text-icon", text: "Mobile POS", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Client Loyalty",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Client Loyalty", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Staff Management",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Staff Management", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -136,40 +101,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interactive Scheduling",
|
||||
description: "Manage appointments with an intuitive drag-and-drop calendar.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=1",
|
||||
},
|
||||
title: "Interactive Scheduling", description: "Manage appointments with an intuitive drag-and-drop calendar.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg?_wi=2",
|
||||
imageAlt: "appointment scheduling calendar UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Point of Sale (POS)",
|
||||
description: "Process payments, apply discounts, and manage invoices instantly.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-finger-with-manicure-scrolling-tablet-pc-cafe_176532-11621.jpg",
|
||||
},
|
||||
title: "Point of Sale (POS)", description: "Process payments, apply discounts, and manage invoices instantly.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-finger-with-manicure-scrolling-tablet-pc-cafe_176532-11621.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113112.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg",
|
||||
imageAlt: "appointment scheduling calendar UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113112.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Smart Analytics",
|
||||
description: "Real-time insights into your salon's performance and revenue trends.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg?_wi=1",
|
||||
},
|
||||
title: "Smart Analytics", description: "Real-time insights into your salon's performance and revenue trends.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-meeting-sharing-ideas-corporate-growth_482257-128585.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=1",
|
||||
imageAlt: "appointment scheduling calendar UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-meeting-sharing-ideas-corporate-growth_482257-128585.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -185,17 +132,11 @@ export default function LandingPage() {
|
||||
description="Get deep visibility into your operations. Track staff efficiency, customer loyalty, and daily revenue in real-time."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Happy Salons",
|
||||
},
|
||||
value: "150+", title: "Happy Salons"},
|
||||
{
|
||||
value: "20K+",
|
||||
title: "Daily Bookings",
|
||||
},
|
||||
value: "20K+", title: "Daily Bookings"},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
},
|
||||
value: "99.9%", title: "Uptime"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320709.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -210,56 +151,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Starter",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"1 User",
|
||||
"Basic POS",
|
||||
"Online Booking",
|
||||
],
|
||||
id: "starter", title: "Starter", price: "$29", period: "/mo", features: [
|
||||
"1 User", "Basic POS", "Online Booking"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "/register",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-username-account-summit-banner_53876-120897.jpg",
|
||||
imageAlt: "Register Username Account summit Banner",
|
||||
},
|
||||
text: "Get Started", href: "/register"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-username-account-summit-banner_53876-120897.jpg", imageAlt: "Register Username Account summit Banner"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Professional",
|
||||
price: "$59",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"5 Users",
|
||||
"Advanced Analytics",
|
||||
"WhatsApp Alerts",
|
||||
],
|
||||
id: "pro", title: "Professional", price: "$59", period: "/mo", features: [
|
||||
"5 Users", "Advanced Analytics", "WhatsApp Alerts"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "/register",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg?_wi=3",
|
||||
imageAlt: "Register Username Account summit Banner",
|
||||
},
|
||||
text: "Get Started", href: "/register"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "Register Username Account summit Banner"},
|
||||
{
|
||||
id: "ent",
|
||||
title: "Enterprise",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Multi-Branch Management",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "ent", title: "Enterprise", price: "$99", period: "/mo", features: [
|
||||
"Unlimited Users", "Multi-Branch Management", "Priority Support"],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
href: "/contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=2",
|
||||
imageAlt: "Register Username Account summit Banner",
|
||||
},
|
||||
text: "Contact Sales", href: "/contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "Register Username Account summit Banner"},
|
||||
]}
|
||||
title="Plans That Grow With You"
|
||||
description="Affordable pricing for every salon size. No hidden fees."
|
||||
@@ -273,40 +181,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Barbershop Owner",
|
||||
testimonial: "This system transformed how we run our daily operations. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Barbershop Owner", testimonial: "This system transformed how we run our daily operations. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Smith",
|
||||
role: "Salon Manager",
|
||||
testimonial: "The POS features are perfect, and the booking system saved our front desk hours every week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Sarah Smith", role: "Salon Manager", testimonial: "The POS features are perfect, and the booking system saved our front desk hours every week.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
role: "Franchise Lead",
|
||||
testimonial: "Multi-branch management was the game changer we were waiting for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-adult-caucasian-female-barber-uniform-stands-sideways-holding-comb-scissors-isolated-pink-background-with-copy-space_141793-105258.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Ross", role: "Franchise Lead", testimonial: "Multi-branch management was the game changer we were waiting for.", imageSrc: "http://img.b2bpic.net/free-photo/confident-adult-caucasian-female-barber-uniform-stands-sideways-holding-comb-scissors-isolated-pink-background-with-copy-space_141793-105258.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Blunt",
|
||||
role: "Hair Salon Owner",
|
||||
testimonial: "Analytics are so insightful. I can finally see which services are the most profitable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
},
|
||||
id: "4", name: "Emily Blunt", role: "Hair Salon Owner", testimonial: "Analytics are so insightful. I can finally see which services are the most profitable.", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wayne",
|
||||
role: "Store Operator",
|
||||
testimonial: "Best investment we made for our business this year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
|
||||
},
|
||||
id: "5", name: "David Wayne", role: "Store Operator", testimonial: "Best investment we made for our business this year.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg"},
|
||||
]}
|
||||
title="Loved by Salon Owners"
|
||||
description="See why top barbershops choose SalonFlow."
|
||||
@@ -319,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Does it support multiple branches?",
|
||||
content: "Yes, our Enterprise plan supports unlimited branches from one central management dashboard.",
|
||||
},
|
||||
id: "f1", title: "Does it support multiple branches?", content: "Yes, our Enterprise plan supports unlimited branches from one central management dashboard."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a 14-day free trial on all plans, no credit card required.",
|
||||
},
|
||||
id: "f2", title: "Is there a free trial?", content: "Yes, we offer a 14-day free trial on all plans, no credit card required."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I integrate WhatsApp?",
|
||||
content: "Yes, our WhatsApp API integration is available on Professional and Enterprise plans for automated reminders.",
|
||||
},
|
||||
id: "f3", title: "Can I integrate WhatsApp?", content: "Yes, our WhatsApp API integration is available on Professional and Enterprise plans for automated reminders."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our platform."
|
||||
@@ -344,16 +218,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Salon?"
|
||||
description="Start your digital transformation today. Contact us for a personalized demo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@salonflow.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@salonflow.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -363,50 +234,31 @@ export default function LandingPage() {
|
||||
logoText="SalonFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Demo", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", 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