Merge version_2 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -31,17 +31,11 @@ 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"},
|
||||
]}
|
||||
brandName="BizDash"
|
||||
/>
|
||||
@@ -51,98 +45,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Simplify Your Business Operations."
|
||||
description="The ultimate dashboard to manage income, track expenses, and automate performance reporting. Empowering small service businesses to grow faster."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@bizowner",
|
||||
testimonial: "This dashboard changed how I manage my services. Everything is in one place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-businessman_23-2148102468.jpg",
|
||||
},
|
||||
name: "Mark R.", handle: "@bizowner", testimonial: "This dashboard changed how I manage my services. Everything is in one place.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-businessman_23-2148102468.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@freelance_pro",
|
||||
testimonial: "The AI performance insights have saved me hours of administrative work every week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@freelance_pro", testimonial: "The AI performance insights have saved me hours of administrative work every week.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@tech_consultant",
|
||||
testimonial: "Incredibly clean UI. The tracking features are robust and easy to use.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
|
||||
},
|
||||
name: "David L.", handle: "@tech_consultant", testimonial: "Incredibly clean UI. The tracking features are robust and easy to use.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@design_studio",
|
||||
testimonial: "Best investment for my small business. The dashboard is intuitive and powerful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
|
||||
},
|
||||
name: "Elena V.", handle: "@design_studio", testimonial: "Best investment for my small business. The dashboard is intuitive and powerful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg"},
|
||||
{
|
||||
name: "James K.",
|
||||
handle: "@biz_growth",
|
||||
testimonial: "I finally have full visibility into my business performance. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
},
|
||||
name: "James K.", handle: "@biz_growth", testimonial: "I finally have full visibility into my business performance. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-stylish-hipster-man-black-jacket-office-table-business-style-white-shirt-isolated-working-laptop-start-up-work-place-smiling-happy-positive_285396-1488.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-stylish-hipster-man-black-jacket-office-table-business-style-white-shirt-isolated-working-laptop-start-up-work-place-smiling-happy-positive_285396-1488.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2548.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1671.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1671.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Secure Data",
|
||||
},
|
||||
type: "text", text: "100% Secure Data"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Sync",
|
||||
},
|
||||
type: "text", text: "Real-time Sync"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Insights",
|
||||
},
|
||||
type: "text", text: "AI Insights"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multi-Platform",
|
||||
},
|
||||
type: "text", text: "Multi-Platform"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,20 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Tracking",
|
||||
description: "Automated income and expense tracking with real-time profit analytics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg",
|
||||
},
|
||||
title: "Smart Tracking", description: "Automated income and expense tracking with real-time profit analytics.", imageSrc: "http://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg"},
|
||||
{
|
||||
title: "Integrated Scheduling",
|
||||
description: "Seamless calendar management to keep your appointments organized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ui-kit-collection_23-2149196760.jpg",
|
||||
},
|
||||
title: "Integrated Scheduling", description: "Seamless calendar management to keep your appointments organized.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ui-kit-collection_23-2149196760.jpg"},
|
||||
{
|
||||
title: "AI Performance Agent",
|
||||
description: "Weekly business summaries and insights automatically generated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
|
||||
},
|
||||
title: "AI Performance Agent", description: "Weekly business summaries and insights automatically generated.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg"},
|
||||
]}
|
||||
title="Built for Growth"
|
||||
description="Comprehensive tools for modern small service providers."
|
||||
@@ -180,20 +122,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Active Invoices",
|
||||
},
|
||||
id: "m1", value: "15k+", description: "Active Invoices"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "AI Monitoring",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "AI Monitoring"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85%",
|
||||
description: "Time Saved",
|
||||
},
|
||||
id: "m3", value: "85%", description: "Time Saved"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -206,35 +139,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Starter",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic tracking",
|
||||
"Manual invoicing",
|
||||
],
|
||||
id: "p1", title: "Starter", price: "$29", period: "/mo", features: [
|
||||
"Basic tracking", "Manual invoicing"],
|
||||
button: {
|
||||
text: "Select Starter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
|
||||
imageAlt: "Empty startup office displays statistics",
|
||||
},
|
||||
text: "Select Starter"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", imageAlt: "Empty startup office displays statistics"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Pro",
|
||||
price: "$79",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"AI Performance Agent",
|
||||
"Full CSV Exports",
|
||||
],
|
||||
id: "p2", title: "Pro", price: "$79", period: "/mo", features: [
|
||||
"AI Performance Agent", "Full CSV Exports"],
|
||||
button: {
|
||||
text: "Select Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg?_wi=2",
|
||||
imageAlt: "Empty startup office displays statistics",
|
||||
},
|
||||
text: "Select Pro"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg?_wi=2", imageAlt: "Empty startup office displays statistics"},
|
||||
{
|
||||
id: "p3", title: "CEO", price: "$150", period: "/mo", features: [
|
||||
"Everything in Pro", "Extremely powerful AI engine", "Priority 24/7 concierge", "Unlimited multi-company sync"],
|
||||
button: {
|
||||
text: "Select CEO"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "CEO tier feature image"},
|
||||
]}
|
||||
title="Flexible Pricing"
|
||||
description="Choose the tier that fits your business stage."
|
||||
@@ -248,59 +169,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice G.",
|
||||
role: "CEO",
|
||||
company: "Services Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice G.", role: "CEO", company: "Services Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob D.",
|
||||
role: "Owner",
|
||||
company: "Repair Shop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob D.", role: "Owner", company: "Repair Shop", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Claire L.",
|
||||
role: "Manager",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "t3", name: "Claire L.", role: "Manager", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dave H.",
|
||||
role: "Founder",
|
||||
company: "Cleaning Pros",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg",
|
||||
},
|
||||
id: "t4", name: "Dave H.", role: "Founder", company: "Cleaning Pros", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve M.",
|
||||
role: "Lead",
|
||||
company: "Consulting",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-businesspeople-reading-documents-with-statistics-successful-concentrated-office-employers-suits-meeting-office-room-studying-reports-teamwork-business-management-concept_74855-7250.jpg",
|
||||
},
|
||||
id: "t5", name: "Eve M.", role: "Lead", company: "Consulting", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-businesspeople-reading-documents-with-statistics-successful-concentrated-office-employers-suits-meeting-office-room-studying-reports-teamwork-business-management-concept_74855-7250.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "App Rating",
|
||||
},
|
||||
value: "4.9/5", label: "App Rating"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Monthly Active",
|
||||
},
|
||||
value: "10k+", label: "Monthly Active"},
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="See why local service leaders love our platform."
|
||||
@@ -313,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data secure?",
|
||||
content: "Absolutely. We use 256-bit encryption for all data storage.",
|
||||
},
|
||||
id: "f1", title: "Is my data secure?", content: "Absolutely. We use 256-bit encryption for all data storage."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export to CSV?",
|
||||
content: "Yes, all reports are fully downloadable in CSV format.",
|
||||
},
|
||||
id: "f2", title: "Can I export to CSV?", content: "Yes, all reports are fully downloadable in CSV format."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Does it work on mobile?",
|
||||
content: "Yes, our dashboard is fully responsive across all devices.",
|
||||
},
|
||||
id: "f3", title: "Does it work on mobile?", content: "Yes, our dashboard is fully responsive across all devices."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Answers to common dashboard questions."
|
||||
@@ -338,14 +219,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to streamline your business? Contact our team for a personalized demo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -356,25 +234,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -384,4 +254,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user