Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6029d3275c | |||
| befa41c613 | |||
| d6d46fa3b5 | |||
| ef06bc07eb | |||
| 7120bad082 | |||
| 904f2e530e | |||
| a591b816dd | |||
| edb3eb204e | |||
| 37df611a1d |
383
src/app/page.tsx
383
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, CreditCard, Database, Settings, Shield, Zap } from "lucide-react";
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, CreditCard, Database, Settings, Shield, Zap, Mail, Phone, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Tests",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Tests", id: "products" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Demo", id: "contact" },
|
||||
]}
|
||||
brandName="LabSaaS Pro"
|
||||
/>
|
||||
@@ -59,101 +44,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Ultimate Multi-Tenant Laboratory Management System"
|
||||
description="Secure, scalable, and isolated workspace management for modern medical labs. Centralized control for administrators, full autonomy for laboratories."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg?_wi=1",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cardiology-experts-team-examine-electrocardiogram-test-results-scans_482257-123139.jpg?_wi=1",
|
||||
imageAlt: "Patient records management",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-with-medical-files-monitor_482257-27167.jpg?_wi=1",
|
||||
imageAlt: "Invoicing module",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/display-tablet-with-green-screen-mock-up-template-placed-desk-scientific-laboratory-while-woman-medical-research-scientist-analysing-virus-evolution-digital-monitor-conducting-experiment_482257-13920.jpg?_wi=1",
|
||||
imageAlt: "Lab settings panel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cabinet-medical-facility-used-patient-care-management_482257-125573.jpg?_wi=1",
|
||||
imageAlt: "Branch configuration",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572163.jpg",
|
||||
imageAlt: "Secure login",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analyst-looking-presentation-charts-dashboard-implement-analytics_482257-119372.jpg",
|
||||
imageAlt: "Lab stats analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laboratory-close-up_23-2148824210.jpg",
|
||||
imageAlt: "Test results visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
|
||||
imageAlt: "Equipment maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-paying-formal-wear-with-mobile-phone-nfc-pos-terminal-buying-stylish-clothes-accessories-modern-boutique-shopper-standing-retail-store-counter-desk-close-up_482257-63317.jpg",
|
||||
imageAlt: "User role management",
|
||||
},
|
||||
]}
|
||||
tag="SaaS Platform v2.0"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-female-researcher-laboratory_23-2148776156.jpg",
|
||||
alt: "Doctor portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg",
|
||||
alt: "Doctor portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-biochemist-researcher-typing-biochemistry-expertise-computer-working-medical-experiment-microbiology-hospital-laboratory-therapist-doctor-developing-vaccine-against-coronavirus_482257-26489.jpg",
|
||||
alt: "Doctor portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-mask_23-2148970017.jpg",
|
||||
alt: "Doctor portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sunshine-male-connection-holiday-city_1134-1222.jpg",
|
||||
alt: "Doctor portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ laboratories worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "HIPAA Compliant",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GDPR Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Encrypted Storage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Uptime",
|
||||
},
|
||||
]}
|
||||
leftCarouselItems={[]}
|
||||
rightCarouselItems={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,21 +58,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Designed for Scale and Security"
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Isolated Databases",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Setup Time",
|
||||
value: "Minutes",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Uptime Guarantee",
|
||||
value: "99.9%",
|
||||
},
|
||||
{ icon: Shield, label: "Isolated Databases", value: "100%" },
|
||||
{ icon: Zap, label: "Setup Time", value: "Minutes" },
|
||||
{ icon: Award, label: "Uptime Guarantee", value: "99.9%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -188,21 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Database,
|
||||
title: "Database Isolation",
|
||||
description: "Every laboratory workspace is strictly isolated for complete privacy.",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
title: "Granular Controls",
|
||||
description: "Configure tests, ranges, and branding per lab via guided wizard.",
|
||||
},
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: "Subscription Management",
|
||||
description: "Flexible billing, grace periods, and automated read-only transitions.",
|
||||
},
|
||||
{ icon: Database, title: "Database Isolation", description: "Every laboratory workspace is strictly isolated for complete privacy." },
|
||||
{ icon: Settings, title: "Granular Controls", description: "Configure tests, ranges, and branding per lab via guided wizard." },
|
||||
{ icon: CreditCard, title: "Subscription Management", description: "Flexible billing, grace periods, and automated read-only transitions." },
|
||||
]}
|
||||
title="Comprehensive Lab Management"
|
||||
description="Empower your lab with tools designed for efficiency and compliance."
|
||||
@@ -215,46 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Complete Blood Count",
|
||||
price: "Customizable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blood-samples-vacutainers-medical-tray-science-laboratory-transparent-tubes-with-red-dna-liquid-genetic-testing-glassware-flasks-coloured-bio-solution_482257-28188.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lipid Profile",
|
||||
price: "Customizable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cardiologist-uniform-holding-red-heart-isolated-white-background_93675-130378.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Liver Function Test",
|
||||
price: "Customizable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-heart-day-with-copy-space_23-2148610471.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Kidney Function Test",
|
||||
price: "Customizable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-blood-samples-assortment-lab_23-2149107255.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Thyroid Panel",
|
||||
price: "Customizable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-doctor-checking-covid-test_23-2148747876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "HbA1c Analysis",
|
||||
price: "Customizable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-measuring-blood-pressure-device_23-2148231310.jpg",
|
||||
},
|
||||
]}
|
||||
title="Preloaded Medical Tests"
|
||||
description="Ready-to-use laboratory test database with full customization options."
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -264,173 +99,67 @@ export default function LandingPage() {
|
||||
title="System Performance"
|
||||
tag="Live Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Registered Labs",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
description: "Reports Generated",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Secure Monitoring",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Registered Labs" },
|
||||
{ id: "m2", value: "1M+", description: "Reports Generated" },
|
||||
{ id: "m3", value: "24/7", description: "Secure Monitoring" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Customer Success Stories"
|
||||
description="See how industry leaders are scaling their operations with LabSaaS."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Ahmed",
|
||||
date: "Jan 2024",
|
||||
title: "Lab Owner",
|
||||
quote: "The isolation is flawless and setup is a breeze.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/specialist-doctor-looking-medical-slice-analyzing-blood-smaple-virus-investigation-working-vaccine-development-agaisnt-coronavirus-microbiology-laboratory-biomedicine-experiment_482257-32372.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg?_wi=2",
|
||||
imageAlt: "lab doctor portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
date: "Dec 2023",
|
||||
title: "Admin",
|
||||
quote: "The guided wizard helped us get up and running instantly.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-holding-piece-paper_1098-910.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cardiology-experts-team-examine-electrocardiogram-test-results-scans_482257-123139.jpg?_wi=2",
|
||||
imageAlt: "lab doctor portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John Doe",
|
||||
date: "Nov 2023",
|
||||
title: "IT Manager",
|
||||
quote: "Stable, secure, and very easy to manage our branches.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/doctor-analyzing-with-microscope_23-2148168426.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-with-medical-files-monitor_482257-27167.jpg?_wi=2",
|
||||
imageAlt: "lab doctor portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima Zahra",
|
||||
date: "Oct 2023",
|
||||
title: "Lab Director",
|
||||
quote: "Best system we've used for laboratory management.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/display-tablet-with-green-screen-mock-up-template-placed-desk-scientific-laboratory-while-woman-medical-research-scientist-analysing-virus-evolution-digital-monitor-conducting-experiment_482257-13920.jpg?_wi=2",
|
||||
imageAlt: "lab doctor portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Wilson",
|
||||
date: "Sep 2023",
|
||||
title: "CEO",
|
||||
quote: "The subscription control is exactly what we needed.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-holding-clipboard_23-2149304260.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cabinet-medical-facility-used-patient-care-management_482257-125573.jpg?_wi=2",
|
||||
imageAlt: "lab doctor portrait professional",
|
||||
},
|
||||
{ id: "1", name: "Dr. Aris", handle: "@medlab", testimonial: "The isolation is flawless and setup is a breeze.", icon: Users },
|
||||
{ id: "2", name: "Sarah M.", handle: "@diagnostics", testimonial: "The guided wizard helped us get up and running instantly.", icon: Users },
|
||||
{ id: "3", name: "John D.", handle: "@healthcorp", testimonial: "Stable, secure, and very easy to manage our branches.", icon: Users },
|
||||
]}
|
||||
title="Trusted by Lab Owners"
|
||||
description="Hear what our partners have to say about their experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I register as a public lab?",
|
||||
content: "No, only the Super Admin can create accounts.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data isolated?",
|
||||
content: "Yes, every lab has a completely private database.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What happens when a subscription expires?",
|
||||
content: "The system enters read-only mode for viewing old data.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How are new tests managed?",
|
||||
content: "Labs can add custom tests or modify existing ones via settings.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Is branding customizable?",
|
||||
content: "Yes, labs can upload stamps, signatures, and set brand colors.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our SaaS platform."
|
||||
<FaqSplitText
|
||||
sideTitle="Need Answers?"
|
||||
sideDescription="Common questions about implementing our multi-tenant SaaS."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "How is data isolated?", content: "Every tenant has a logically separated database instance." },
|
||||
{ id: "q2", title: "Can labs self-manage?", content: "Yes, labs get full autonomy over their specific branch settings." },
|
||||
{ id: "q3", title: "Do you support multi-tenant billing?", content: "We have built-in automated billing for multi-branch organizations." },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactSplitForm
|
||||
title="Ready for a Demo?"
|
||||
description="Join the hundreds of labs currently running on our enterprise-grade platform."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Company Email" }
|
||||
]}
|
||||
buttonText="Sign Up for Trial"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Request a Platform Demonstration"
|
||||
description="Ready to digitize your laboratory chain? Contact us."
|
||||
tag="Get Started"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="LabSaaS Pro"
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "#", ariaLabel: "Contact us" },
|
||||
{ icon: Phone, href: "#", ariaLabel: "Call us" },
|
||||
]}
|
||||
copyrightText="© 2025 | Multi-tenant SaaS Solutions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user