Merge version_1 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Calendar, User, TrendingUp, MessageSquare } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SalonyCRM"
|
||||
/>
|
||||
@@ -56,34 +49,22 @@ export default function LandingPage() {
|
||||
description="Streamline scheduling, track revenue, and automate client relationships. The all-in-one system designed for nails, lashes, and cosmetology studios."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg"
|
||||
imageAlt="Salon CRM Dashboard Interface"
|
||||
avatarText="Trusted by 500+ salons"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg",
|
||||
alt: "Salon Owner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg", alt: "Salon Owner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/application-contact-communication-connection-concept_53876-132755.jpg",
|
||||
alt: "Salon Owner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/application-contact-communication-connection-concept_53876-132755.jpg", alt: "Salon Owner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-drawing-tablet_23-2148943513.jpg",
|
||||
alt: "Salon Owner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-drawing-tablet_23-2148943513.jpg", alt: "Salon Owner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bowl-with-yogurt-breakfast-oggice_23-2148571020.jpg",
|
||||
alt: "Salon Owner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bowl-with-yogurt-breakfast-oggice_23-2148571020.jpg", alt: "Salon Owner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg",
|
||||
alt: "Salon Owner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg", alt: "Salon Owner 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,29 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Calendar",
|
||||
description: "Drag-and-drop bookings with color-coded service gaps and online booking integration.",
|
||||
buttonIcon: "Calendar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=1",
|
||||
},
|
||||
title: "Smart Calendar", description: "Drag-and-drop bookings with color-coded service gaps and online booking integration.", buttonIcon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg"},
|
||||
{
|
||||
title: "Client Intelligence",
|
||||
description: "Keep detailed records of preferences, allergies, spending history, and repeat service alerts.",
|
||||
buttonIcon: "User",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/application-contact-communication-connection-concept_53876-132755.jpg?_wi=1",
|
||||
},
|
||||
title: "Client Intelligence", description: "Keep detailed records of preferences, allergies, spending history, and repeat service alerts.", buttonIcon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/application-contact-communication-connection-concept_53876-132755.jpg"},
|
||||
{
|
||||
title: "Finance Tracking",
|
||||
description: "Real-time reports on daily revenue, profitability, and service-based performance metrics.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-drawing-tablet_23-2148943513.jpg?_wi=1",
|
||||
},
|
||||
title: "Finance Tracking", description: "Real-time reports on daily revenue, profitability, and service-based performance metrics.", buttonIcon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-drawing-tablet_23-2148943513.jpg"},
|
||||
{
|
||||
title: "Marketing Automation",
|
||||
description: "Automated Telegram reminders, re-engagement messages, and easy promotional campaigns.",
|
||||
buttonIcon: "MessageSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-yogurt-breakfast-oggice_23-2148571020.jpg",
|
||||
},
|
||||
title: "Marketing Automation", description: "Automated Telegram reminders, re-engagement messages, and easy promotional campaigns.", buttonIcon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-yogurt-breakfast-oggice_23-2148571020.jpg"},
|
||||
]}
|
||||
title="Built for Salon Success"
|
||||
description="Everything your salon needs to manage operations, engage clients, and boost profitability."
|
||||
@@ -130,26 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30%",
|
||||
title: "Retention Increase",
|
||||
description: "Average gain in repeat clients",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "30%", title: "Retention Increase", description: "Average gain in repeat clients", imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15hr",
|
||||
title: "Weekly Time Saved",
|
||||
description: "Automated scheduling impact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/application-contact-communication-connection-concept_53876-132755.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", value: "15hr", title: "Weekly Time Saved", description: "Automated scheduling impact", imageSrc: "http://img.b2bpic.net/free-photo/application-contact-communication-connection-concept_53876-132755.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$45k",
|
||||
title: "Avg Revenue Lift",
|
||||
description: "Revenue per master yearly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-drawing-tablet_23-2148943513.jpg?_wi=2",
|
||||
},
|
||||
id: "m3", value: "$45k", title: "Avg Revenue Lift", description: "Revenue per master yearly", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-drawing-tablet_23-2148943513.jpg"},
|
||||
]}
|
||||
title="Business Impact"
|
||||
description="Optimize your operations and watch your growth."
|
||||
@@ -163,52 +117,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$49/mo",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "starter", price: "$49/mo", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Choose Starter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Choose Starter", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1 User Access",
|
||||
"Basic Calendar",
|
||||
"Client Profiles",
|
||||
],
|
||||
"1 User Access", "Basic Calendar", "Client Profiles"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$99/mo",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
id: "pro", price: "$99/mo", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Choose Pro", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Full Analytics",
|
||||
"Telegram Bot",
|
||||
],
|
||||
"Unlimited Users", "Full Analytics", "Telegram Bot"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$199/mo",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
id: "enterprise", price: "$199/mo", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Choose Enterprise",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Choose Enterprise", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Multi-Branch",
|
||||
"Priority Support",
|
||||
"Custom API",
|
||||
],
|
||||
"Multi-Branch", "Priority Support", "Custom API"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Plans"
|
||||
@@ -221,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Does it work with Telegram?",
|
||||
content: "Yes, we offer full Telegram integration for client bookings and reminders.",
|
||||
},
|
||||
id: "q1", title: "Does it work with Telegram?", content: "Yes, we offer full Telegram integration for client bookings and reminders."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I track my stocks?",
|
||||
content: "Our system includes built-in inventory management to automatically track product usage.",
|
||||
},
|
||||
id: "q2", title: "Can I track my stocks?", content: "Our system includes built-in inventory management to automatically track product usage."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is training provided?",
|
||||
content: "We offer onboarding guides and support for your entire salon staff.",
|
||||
},
|
||||
id: "q3", title: "Is training provided?", content: "We offer onboarding guides and support for your entire salon staff."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Learn how we support your salon business."
|
||||
@@ -246,14 +167,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to transform your salon operations? Connect with our team today for a live demo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Demo", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,29 +182,19 @@ export default function LandingPage() {
|
||||
logoText="SalonyCRM"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user