Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
345
src/app/page.tsx
345
src/app/page.tsx
@@ -26,261 +26,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="LuminaCRM"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Analytics", id: "metrics" },
|
||||
{ name: "Pricing", id: "contact" },
|
||||
]}
|
||||
brandName="LuminaCRM"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Elevate Your Salon's Growth with LuminaCRM"
|
||||
description="The all-in-one management platform for nail technicians, cosmetologists, and massage therapists. Automate scheduling, track finances, and retain clients effortlessly."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Automated Bookings",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Client Retention",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Financial Analytics",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Inventory Control",
|
||||
icon: Package,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Marketing Reminders",
|
||||
icon: Bell,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevate Your Salon's Growth with LuminaCRM"
|
||||
description="The all-in-one management platform for nail technicians, cosmetologists, and massage therapists. Automate scheduling, track finances, and retain clients effortlessly."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
buttons={[{ text: "Start Free Trial", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Automated Bookings", icon: Calendar },
|
||||
{ type: "text-icon", text: "Client Retention", icon: Users },
|
||||
{ type: "text-icon", text: "Financial Analytics", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Inventory Control", icon: Package },
|
||||
{ type: "text-icon", text: "Marketing Reminders", icon: Bell },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Client Engagement",
|
||||
description: "24h and 2h Telegram reminders and re-engagement campaigns keep your chairs full.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-young-beautiful-woman-applying-her-make-up_1153-6358.jpg",
|
||||
imageAlt: "Client reminders",
|
||||
},
|
||||
{
|
||||
title: "Smart Finance Tracking",
|
||||
description: "Real-time revenue monitoring by service and net profit analysis at your fingertips.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-papers-with-data-charts-desk-used-by-workmates-business-development-corporate-colleagues-working-project-presentation-management-marketing-strategy_482257-32053.jpg",
|
||||
imageAlt: "Finance tracking",
|
||||
},
|
||||
{
|
||||
title: "Inventory Management",
|
||||
description: "Automated material tracking with auto-write-offs for every service performed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-surrounded-by-make-up_23-2148136634.jpg",
|
||||
imageAlt: "Inventory tracking",
|
||||
},
|
||||
]}
|
||||
title="Everything Your Business Needs"
|
||||
description="Powerful tools to manage your appointments, clients, and inventory in one unified interface."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Automated Client Engagement", description: "24h and 2h Telegram reminders and re-engagement campaigns keep your chairs full.", imageSrc: "http://img.b2bpic.net/free-photo/reflection-young-beautiful-woman-applying-her-make-up_1153-6358.jpg", imageAlt: "Client reminders" },
|
||||
{ title: "Smart Finance Tracking", description: "Real-time revenue monitoring by service and net profit analysis at your fingertips.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-papers-with-data-charts-desk-used-by-workmates-business-development-corporate-colleagues-working-project-presentation-management-marketing-strategy_482257-32053.jpg", imageAlt: "Finance tracking" },
|
||||
{ title: "Inventory Management", description: "Automated material tracking with auto-write-offs for every service performed.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-surrounded-by-make-up_23-2148136634.jpg", imageAlt: "Inventory tracking" },
|
||||
]}
|
||||
title="Everything Your Business Needs"
|
||||
description="Powerful tools to manage your appointments, clients, and inventory in one unified interface."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25%",
|
||||
title: "Retention Boost",
|
||||
description: "Avg increase in recurring visits",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "40%",
|
||||
title: "Admin Time Saved",
|
||||
description: "Hours saved weekly on scheduling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "15%",
|
||||
title: "Revenue Growth",
|
||||
description: "Avg increase in lifetime value",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Salon Success Data"
|
||||
description="Measure what matters and drive business growth through actionable insights."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "25%", title: "Retention Boost", description: "Avg increase in recurring visits", imageSrc: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg" },
|
||||
{ id: "2", value: "40%", title: "Admin Time Saved", description: "Hours saved weekly on scheduling", imageSrc: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg" },
|
||||
{ id: "3", value: "15%", title: "Revenue Growth", description: "Avg increase in lifetime value", imageSrc: "http://img.b2bpic.net/free-photo/curly-female-client-picking-color-hait-toning-beaty-salone_651396-977.jpg" },
|
||||
]}
|
||||
title="Salon Success Data"
|
||||
description="Measure what matters and drive business growth through actionable insights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Ross",
|
||||
role: "Nail Studio Owner",
|
||||
testimonial: "LuminaCRM changed my life. Scheduling is fully automated now!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark V.",
|
||||
role: "Massage Center Manager",
|
||||
testimonial: "The finance tools help me understand exactly which services are most profitable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
role: "Lead Cosmetologist",
|
||||
testimonial: "Telegram integration is a game changer for my clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Spa Clinic Director",
|
||||
testimonial: "Excellent interface, my staff learned it in a single day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jenny P.",
|
||||
role: "Lash Artist",
|
||||
testimonial: "I never miss an appointment with the auto-reminders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Beauty Experts"
|
||||
description="See why top beauty professionals choose LuminaCRM to scale their businesses."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena Ross", role: "Nail Studio Owner", testimonial: "LuminaCRM changed my life. Scheduling is fully automated now!", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg" },
|
||||
{ id: "2", name: "Mark V.", role: "Massage Center Manager", testimonial: "The finance tools help me understand exactly which services are most profitable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
|
||||
{ id: "3", name: "Sarah K.", role: "Lead Cosmetologist", testimonial: "Telegram integration is a game changer for my clients.", imageSrc: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Spa Clinic Director", testimonial: "Excellent interface, my staff learned it in a single day.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg" },
|
||||
{ id: "5", name: "Jenny P.", role: "Lash Artist", testimonial: "I never miss an appointment with the auto-reminders.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg" },
|
||||
]}
|
||||
title="Loved by Beauty Experts"
|
||||
description="See why top beauty professionals choose LuminaCRM to scale their businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to streamline your salon? Get started today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start 14-Day Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to streamline your salon? Get started today."
|
||||
buttons={[{ text: "Start 14-Day Free Trial", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LuminaCRM"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Features", href: "#features" }, { label: "Analytics", href: "#metrics" }] },
|
||||
{ items: [{ label: "Pricing", href: "#" }, { label: "Support", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
logoText="LuminaCRM"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user