Update src/app/page.tsx

This commit is contained in:
2026-05-11 23:00:39 +00:00
parent e2390eefd9
commit 84e81c1570

View File

@@ -29,412 +29,175 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="NannyFlow"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
brandName="NannyFlow"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Trusted Nanny Management for Modern Families"
description="Simplify your agency operations, manage bookings, and ensure peace of mind for parents and caregivers alike. Our platform brings safety and organization to the forefront."
testimonials={[
{
name: "Alice M.",
handle: "@parent_alice",
testimonial: "The best management software our agency has used. Seamless experience for everyone.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
},
{
name: "Mark D.",
handle: "@agency_boss",
testimonial: "Increased our placement efficiency by 40%. Highly recommend this solution.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-worker-uniform-looking-hesitant-front-view_176474-34535.jpg",
},
{
name: "Sophie P.",
handle: "@nanny_sophie",
testimonial: "Everything I need in one place. Scheduling is finally stress-free.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-father-daughter-looking-photographer_23-2148349736.jpg",
},
{
name: "John K.",
handle: "@father_john",
testimonial: "A total game changer for our agency operations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-father-daughter-celebrating-christmas_23-2147721495.jpg",
},
{
name: "Elena V.",
handle: "@nanny_elena",
testimonial: "Organized, secure, and so very easy to use daily.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-sofa_23-2147997603.jpg",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-parents-kid-home_23-2150171986.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-different-beautiful-people_23-2148529068.jpg",
alt: "Portrait of different beautiful people",
},
{
src: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",
alt: "Father and daughter laughing",
},
{
src: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574085.jpg",
alt: "Young girl adopted by couple",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-kid-woman-taking-selfie_23-2149514084.jpg",
alt: "Front view kid and woman taking selfie",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-architect-close-up_23-2148243014.jpg",
alt: "Portrait of smiley architect close-up",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Trusted Nanny Management for Modern Families"
description="Simplify your agency operations, manage bookings, and ensure peace of mind for parents and caregivers alike. Our platform brings safety and organization to the forefront."
testimonials={[
{ name: "Alice M.", handle: "@parent_alice", testimonial: "The best management software our agency has used. Seamless experience for everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
{ name: "Mark D.", handle: "@agency_boss", testimonial: "Increased our placement efficiency by 40%. Highly recommend this solution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-worker-uniform-looking-hesitant-front-view_176474-34535.jpg" },
{ name: "Sophie P.", handle: "@nanny_sophie", testimonial: "Everything I need in one place. Scheduling is finally stress-free.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-father-daughter-looking-photographer_23-2148349736.jpg" },
{ name: "John K.", handle: "@father_john", testimonial: "A total game changer for our agency operations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-father-daughter-celebrating-christmas_23-2147721495.jpg" },
{ name: "Elena V.", handle: "@nanny_elena", testimonial: "Organized, secure, and so very easy to use daily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-sofa_23-2147997603.jpg" }
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-parents-kid-home_23-2150171986.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-different-beautiful-people_23-2148529068.jpg", alt: "Portrait of different beautiful people" },
{ src: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg", alt: "Father and daughter laughing" },
{ src: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574085.jpg", alt: "Young girl adopted by couple" },
{ src: "http://img.b2bpic.net/free-photo/front-view-kid-woman-taking-selfie_23-2149514084.jpg", alt: "Front view kid and woman taking selfie" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-architect-close-up_23-2148243014.jpg", alt: "Portrait of smiley architect close-up" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Why NannyFlow?"
metrics={[
{
label: "Nannies Managed",
value: "2500+",
icon: Users,
},
{
label: "Active Placements",
value: "1200",
icon: CheckCircle,
},
{
label: "Client Retention",
value: "98%",
icon: TrendingUp,
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Why NannyFlow?"
metrics={[
{ label: "Nannies Managed", value: "2500+", icon: Users },
{ label: "Active Placements", value: "1200", icon: CheckCircle },
{ label: "Client Retention", value: "98%", icon: TrendingUp }
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Smart Scheduling",
description: "Automated bookings and real-time calendar synchronization for seamless care coordination.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg",
},
items: [
{
icon: Calendar,
text: "Sync with Google/iCal",
},
{
icon: Clock,
text: "Automated reminders",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-parents-kid-home_23-2150171986.jpg?_wi=2",
imageAlt: "digital calendar app interface",
},
{
title: "Verified Compliance",
description: "Streamlined background checks and digital document verification to maintain safety and trust.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface_23-2148639060.jpg",
},
items: [
{
icon: Shield,
text: "Automated checks",
},
{
icon: FileText,
text: "Secure storage",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/woman-creating-their-own-vision-board_23-2150270470.jpg",
imageAlt: "digital calendar app interface",
},
{
title: "Unified Communication",
description: "Safe, private chat between families, nannies, and the agency to ensure everyone stays aligned.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg?_wi=1",
},
items: [
{
icon: MessageCircle,
text: "Private messaging",
},
{
icon: Bell,
text: "Emergency alerts",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg?_wi=1",
imageAlt: "digital calendar app interface",
},
]}
title="Powerful Management Tools"
description="Everything your agency needs to scale and maintain high quality care standards."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Smart Scheduling", description: "Automated bookings and real-time calendar synchronization for seamless care coordination.", media: { imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg" },
items: [
{ icon: Calendar, text: "Sync with Google/iCal" },
{ icon: Clock, text: "Automated reminders" }
],
reverse: false
},
{
title: "Verified Compliance", description: "Streamlined background checks and digital document verification to maintain safety and trust.", media: { imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface_23-2148639060.jpg" },
items: [
{ icon: Shield, text: "Automated checks" },
{ icon: FileText, text: "Secure storage" }
],
reverse: true
},
{
title: "Unified Communication", description: "Safe, private chat between families, nannies, and the agency to ensure everyone stays aligned.", media: { imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg" },
items: [
{ icon: MessageCircle, text: "Private messaging" },
{ icon: Bell, text: "Emergency alerts" }
],
reverse: false
}
]}
title="Powerful Management Tools"
description="Everything your agency needs to scale and maintain high quality care standards."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.9%",
title: "System Uptime",
items: [
"Robust server reliability",
"24/7 monitoring",
],
},
{
id: "m2",
value: "500+",
title: "Agency Partners",
items: [
"Growing community",
"Global presence",
],
},
{
id: "m3",
value: "24/7",
title: "Global Support",
items: [
"Live expert assistance",
"Help desk access",
],
},
]}
title="Operating at Scale"
description="Proven performance for growing agencies."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "99.9%", title: "System Uptime", items: ["Robust server reliability", "24/7 monitoring"] },
{ id: "m2", value: "500+", title: "Agency Partners", items: ["Growing community", "Global presence"] },
{ id: "m3", value: "24/7", title: "Global Support", items: ["Live expert assistance", "Help desk access"] }
]}
title="Operating at Scale"
description="Proven performance for growing agencies."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Sarah Miller",
role: "CEO & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg?_wi=2",
},
{
id: "t2",
name: "David Chen",
role: "Head of Operations",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg?_wi=2",
},
{
id: "t3",
name: "Elena Rodriguez",
role: "Care Coordinator",
imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
},
]}
title="Meet the Team"
description="The people behind the technology."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Sarah Miller", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg" },
{ id: "t2", name: "David Chen", role: "Head of Operations", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg" },
{ id: "t3", name: "Elena Rodriguez", role: "Care Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" }
]}
title="Meet the Team"
description="The people behind the technology."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Efficient",
quote: "Changed our whole agency workflow.",
name: "Sarah J.",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-hugging_1098-1538.jpg",
},
{
id: "2",
title: "Trustworthy",
quote: "Safety compliance is so much easier now.",
name: "Mike R.",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
},
{
id: "3",
title: "Great Support",
quote: "Their support team is truly exceptional.",
name: "Linda K.",
role: "Founder",
imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-together-with-his-girl-outdoors_23-2149032211.jpg",
},
{
id: "4",
title: "Essential",
quote: "Couldn't imagine operating without it.",
name: "David W.",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/family-resting-home_1098-838.jpg",
},
{
id: "5",
title: "User-Friendly",
quote: "Easy to learn for our entire staff.",
name: "Emily C.",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
},
]}
title="Client Success Stories"
description="Real impact in the childcare industry."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", title: "Efficient", quote: "Changed our whole agency workflow.", name: "Sarah J.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-hugging_1098-1538.jpg" },
{ id: "2", title: "Trustworthy", quote: "Safety compliance is so much easier now.", name: "Mike R.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg" },
{ id: "3", title: "Great Support", quote: "Their support team is truly exceptional.", name: "Linda K.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-together-with-his-girl-outdoors_23-2149032211.jpg" },
{ id: "4", title: "Essential", quote: "Couldn't imagine operating without it.", name: "David W.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/family-resting-home_1098-838.jpg" },
{ id: "5", title: "User-Friendly", quote: "Easy to learn for our entire staff.", name: "Emily C.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" }
]}
title="Client Success Stories"
description="Real impact in the childcare industry."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is the platform secure?",
content: "Absolutely. We use enterprise-grade encryption for all sensitive data.",
},
{
id: "q2",
title: "Can I integrate my current tools?",
content: "Yes, we support API integrations with most industry-standard tools.",
},
{
id: "q3",
title: "What's the onboarding process?",
content: "Our team guides you through every step to ensure a smooth transition.",
},
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is the platform secure?", content: "Absolutely. We use enterprise-grade encryption for all sensitive data." },
{ id: "q2", title: "Can I integrate my current tools?", content: "Yes, we support API integrations with most industry-standard tools." },
{ id: "q3", title: "What's the onboarding process?", content: "Our team guides you through every step to ensure a smooth transition." }
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
tag="Let's Talk"
title="Get Started Today"
description="Scale your agency with the right technology."
imageSrc="http://img.b2bpic.net/free-photo/nobody-cabinet-with-medical-equipment-checkup-visit-examination-close-up-desk-with-computer-documents-tools-consultation-empty-doctors-office-facility_482257-34811.jpg"
inputPlaceholder="Enter your work email"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "animated-grid" }}
tag="Let's Talk"
title="Get Started Today"
description="Scale your agency with the right technology."
imageSrc="http://img.b2bpic.net/free-photo/nobody-cabinet-with-medical-equipment-checkup-visit-examination-close-up-desk-with-computer-documents-tools-consultation-empty-doctors-office-facility_482257-34811.jpg"
inputPlaceholder="Enter your work email"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="NannyFlow"
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Team",
href: "#team",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="NannyFlow"
columns={[
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Team", href: "#team" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}