Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Dashboard", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="CRM-Sync"
|
||||
/>
|
||||
@@ -56,71 +48,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="CRM-Sync: Manage Your Business Smarter"
|
||||
description="The professional CRM and customer management tool for growing SaaS-driven teams. Track payments, staff performance, and metrics in real-time."
|
||||
buttons={[
|
||||
{ text: "Get Started Now", href: "#pricing" }
|
||||
]}
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Customers Tracked",
|
||||
},
|
||||
value: "10k+", label: "Customers Tracked"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Data Accuracy",
|
||||
},
|
||||
value: "99%", label: "Data Accuracy"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Real-time Sync",
|
||||
},
|
||||
value: "24/7", label: "Real-time Sync"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Portrait smiley modern male",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Portrait smiley modern male"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "Smiling businessman standing in the airport terminal",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Smiling businessman standing in the airport terminal"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
alt: "Closeup of Smiling Middle-aged Business Leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Closeup of Smiling Middle-aged Business Leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Businessman smiling and looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Businessman smiling and looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
alt: "Bearded young man in casual shirt standing with laptop in hands",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "Bearded young man in casual shirt standing with laptop in hands"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global teams"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Security",
|
||||
},
|
||||
type: "text", text: "Cloud Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Access",
|
||||
},
|
||||
type: "text", text: "Mobile Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Compliance",
|
||||
},
|
||||
type: "text", text: "Global Compliance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Billing",
|
||||
},
|
||||
type: "text", text: "Automated Billing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,17 +101,11 @@ export default function LandingPage() {
|
||||
description="Streamline operations with role-based access. Empower staff with mobile-friendly tools while retaining full visibility in the admin dashboard."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Real-time Sync",
|
||||
description: "Offline-ready data that syncs the moment you're connected.",
|
||||
},
|
||||
title: "Real-time Sync", description: "Offline-ready data that syncs the moment you're connected."},
|
||||
{
|
||||
title: "Role Access",
|
||||
description: "Dedicated dashboards for Staff and Admin roles.",
|
||||
},
|
||||
title: "Role Access", description: "Dedicated dashboards for Staff and Admin roles."},
|
||||
{
|
||||
title: "Smart Notifications",
|
||||
description: "Alerts for missing payments and inactive customers.",
|
||||
},
|
||||
title: "Smart Notifications", description: "Alerts for missing payments and inactive customers."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -158,20 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Easy Onboarding",
|
||||
description: "Add customers in seconds with minimal forms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-cups-with-boss-sign_23-2148636928.jpg",
|
||||
},
|
||||
title: "Easy Onboarding", description: "Add customers in seconds with minimal forms.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-cups-with-boss-sign_23-2148636928.jpg"},
|
||||
{
|
||||
title: "Payment Tracking",
|
||||
description: "Monitor lifetime payments and status labels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg",
|
||||
},
|
||||
title: "Payment Tracking", description: "Monitor lifetime payments and status labels.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg"},
|
||||
{
|
||||
title: "Deep Analytics",
|
||||
description: "Visual dashboards for revenue and growth trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elements-business-infographic_23-2147506761.jpg",
|
||||
},
|
||||
title: "Deep Analytics", description: "Visual dashboards for revenue and growth trends.", imageSrc: "http://img.b2bpic.net/free-vector/elements-business-infographic_23-2147506761.jpg"},
|
||||
]}
|
||||
title="Powerful Management Features"
|
||||
description="Everything your team needs to stay organized and productive."
|
||||
@@ -186,25 +139,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Staff Accounts",
|
||||
description: "Active CRM users",
|
||||
icon: Users,
|
||||
id: "m1", value: "150+", title: "Staff Accounts", description: "Active CRM users", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$1.2M",
|
||||
title: "Lifetime Rev",
|
||||
description: "Total processed payments",
|
||||
icon: DollarSign,
|
||||
id: "m2", value: "$1.2M", title: "Lifetime Rev", description: "Total processed payments", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Sync Health",
|
||||
description: "System reliability",
|
||||
icon: Wifi,
|
||||
id: "m3", value: "98%", title: "Sync Health", description: "System reliability", icon: Wifi,
|
||||
},
|
||||
]}
|
||||
title="Global System Metrics"
|
||||
@@ -220,45 +161,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Operations Manager",
|
||||
company: "GlobalTrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", role: "Operations Manager", company: "GlobalTrade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
role: "Staff Lead",
|
||||
company: "QuickLogistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan P.", role: "Staff Lead", company: "QuickLogistics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Chen",
|
||||
role: "Business Admin",
|
||||
company: "InnovateLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Chen", role: "Business Admin", company: "InnovateLabs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Evans",
|
||||
role: "IT Director",
|
||||
company: "TechSystems",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Evans", role: "IT Director", company: "TechSystems", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma Wilson",
|
||||
role: "Customer Success",
|
||||
company: "GrowthBox",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-man_1098-16175.jpg",
|
||||
},
|
||||
id: "t5", name: "Emma Wilson", role: "Customer Success", company: "GrowthBox", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-man_1098-16175.jpg"},
|
||||
]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="See why teams are switching to CRM-Sync."
|
||||
@@ -272,54 +188,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$49",
|
||||
subtitle: "For small teams starting out",
|
||||
features: [
|
||||
"5 Staff Accounts",
|
||||
"Customer Database",
|
||||
"Basic Reporting",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$49", subtitle: "For small teams starting out", features: [
|
||||
"5 Staff Accounts", "Customer Database", "Basic Reporting"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Now", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "$129",
|
||||
subtitle: "For scaling businesses",
|
||||
features: [
|
||||
"Unlimited Staff",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", badge: "Growth", price: "$129", subtitle: "For scaling businesses", features: [
|
||||
"Unlimited Staff", "Advanced Analytics", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "Custom",
|
||||
subtitle: "For large operations",
|
||||
features: [
|
||||
"Multi-region Data",
|
||||
"Dedicated Manager",
|
||||
"Custom Integrations",
|
||||
],
|
||||
id: "enterprise", badge: "Custom", price: "Custom", subtitle: "For large operations", features: [
|
||||
"Multi-region Data", "Dedicated Manager", "Custom Integrations"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -334,20 +223,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does offline mode work?",
|
||||
content: "Data is saved locally when offline and auto-syncs to Firebase once connectivity is restored.",
|
||||
},
|
||||
id: "f1", title: "How does offline mode work?", content: "Data is saved locally when offline and auto-syncs to Firebase once connectivity is restored."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export my data?",
|
||||
content: "Yes, admins can export the full database or monthly summaries to Excel with a single click.",
|
||||
},
|
||||
id: "f2", title: "Can I export my data?", content: "Yes, admins can export the full database or monthly summaries to Excel with a single click."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the account lifetime?",
|
||||
content: "Yes, we offer lifetime ID access as per your specific subscription tier requirements.",
|
||||
},
|
||||
id: "f3", title: "Is the account lifetime?", content: "Yes, we offer lifetime ID access as per your specific subscription tier requirements."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to help you get started."
|
||||
@@ -359,14 +239,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to transform your business workflow? Contact our team for a personalized demo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Demo", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -377,29 +254,19 @@ export default function LandingPage() {
|
||||
logoText="CRM-Sync"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Analytics", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -408,4 +275,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user