Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Resident Maintenance"
|
||||
/>
|
||||
@@ -52,113 +46,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Streamline Your Resident Maintenance"
|
||||
description="Upload, automate, and resolve maintenance requests in seconds with AI-driven documentation."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg?_wi=1",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
|
||||
imageAlt: "Automation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
|
||||
imageAlt: "Login",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-looking-green-screen-pc-optimizing-efficiency_482257-119534.jpg",
|
||||
imageAlt: "Metrics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
imageAlt: "Reports",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "Automation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "Login" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-looking-green-screen-pc-optimizing-efficiency_482257-119534.jpg", imageAlt: "Metrics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "Reports" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103554.jpg",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg",
|
||||
imageAlt: "Automation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg",
|
||||
imageAlt: "Login",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-blank-chromakey-screen_482257-126706.jpg",
|
||||
imageAlt: "Metrics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-shows-visualization-monitoring-software-empty-offshore-platform-enabling_482257-135310.jpg",
|
||||
imageAlt: "Reports",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103554.jpg", imageAlt: "Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg", imageAlt: "Automation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg", imageAlt: "Login" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-blank-chromakey-screen_482257-126706.jpg", imageAlt: "Metrics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-shows-visualization-monitoring-software-empty-offshore-platform-enabling_482257-135310.jpg", imageAlt: "Reports" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 500 property managers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-director-watches-olympics-swimming-trial_482257-123070.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", alt: "Logo 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", alt: "Logo 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg", alt: "Logo 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-director-watches-olympics-swimming-trial_482257-123070.jpg", alt: "Logo 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", alt: "Logo 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,28 +92,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Access",
|
||||
description: "Robust login/signup portal for property managers and residents.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-data-management-flat-color-icon-presentation_1142-24276.jpg",
|
||||
imageAlt: "data flow automation icons",
|
||||
title: "Secure Access", description: "Robust login/signup portal for property managers and residents.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Bulk Upload",
|
||||
description: "Effortlessly upload maintenance Google Sheets in bulk.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Upload,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg?_wi=2",
|
||||
imageAlt: "data flow automation icons",
|
||||
title: "Bulk Upload", description: "Effortlessly upload maintenance Google Sheets in bulk.", bentoComponent: "reveal-icon", icon: Upload
|
||||
},
|
||||
{
|
||||
title: "AI Automation",
|
||||
description: "n8n integrates to generate professional maintenance receipts.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg?_wi=1",
|
||||
imageAlt: "data flow automation icons",
|
||||
title: "AI Automation", description: "n8n integrates to generate professional maintenance receipts.", bentoComponent: "reveal-icon", icon: Star
|
||||
},
|
||||
]}
|
||||
title="Built for Efficiency"
|
||||
@@ -207,19 +114,13 @@ export default function LandingPage() {
|
||||
description="Our platform simplifies complex maintenance tasks using intelligent integrations with n8n."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Submit Requests",
|
||||
description: "Residents or managers log issues via Google Sheet uploads.",
|
||||
},
|
||||
title: "Submit Requests", description: "Residents or managers log issues via Google Sheet uploads."},
|
||||
{
|
||||
title: "AI Processing",
|
||||
description: "n8n AI agent reviews details and formats data instantly.",
|
||||
},
|
||||
title: "AI Processing", description: "n8n AI agent reviews details and formats data instantly."},
|
||||
{
|
||||
title: "Receipt Delivery",
|
||||
description: "Professional maintenance receipts are generated and returned to your dashboard.",
|
||||
},
|
||||
title: "Receipt Delivery", description: "Professional maintenance receipts are generated and returned to your dashboard."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -231,23 +132,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Faster Processing",
|
||||
value: "80%",
|
||||
},
|
||||
id: "m1", icon: Zap,
|
||||
title: "Faster Processing", value: "80%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: FileText,
|
||||
title: "Receipt Accuracy",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m2", icon: FileText,
|
||||
title: "Receipt Accuracy", value: "100%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Time Saved",
|
||||
value: "15h",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Time Saved", value: "15h"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Our system optimizes maintenance cycles and reduces administrative burden."
|
||||
@@ -261,26 +153,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$49",
|
||||
subtitle: "For small properties",
|
||||
features: [
|
||||
"10 requests/mo",
|
||||
"n8n integration",
|
||||
"Google Sheet upload",
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$49", subtitle: "For small properties", features: [
|
||||
"10 requests/mo", "n8n integration", "Google Sheet upload"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$149",
|
||||
subtitle: "For growth companies",
|
||||
features: [
|
||||
"Unlimited requests",
|
||||
"AI receipt generation",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Professional", price: "$149", subtitle: "For growth companies", features: [
|
||||
"Unlimited requests", "AI receipt generation", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Scaling"
|
||||
@@ -295,40 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_props",
|
||||
testimonial: "The AI receipt generation saves me hours every single week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazed-businessman-showing-big-object-describe-something-large-looking-excited-standing-whi_1258-113183.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarah_props", testimonial: "The AI receipt generation saves me hours every single week.", imageSrc: "http://img.b2bpic.net/free-photo/amazed-businessman-showing-big-object-describe-something-large-looking-excited-standing-whi_1258-113183.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
handle: "@jc_maintenance",
|
||||
testimonial: "Seamless integration with our existing Google Sheet workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-architect-with-safety-helmet_23-2148242912.jpg",
|
||||
},
|
||||
id: "2", name: "James Chen", handle: "@jc_maintenance", testimonial: "Seamless integration with our existing Google Sheet workflow.", imageSrc: "http://img.b2bpic.net/free-photo/successful-architect-with-safety-helmet_23-2148242912.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
handle: "@emily_prop",
|
||||
testimonial: "Incredible value for the price and extremely reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14512.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Watson", handle: "@emily_prop", testimonial: "Incredible value for the price and extremely reliable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14512.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dk_real",
|
||||
testimonial: "Automated everything. Our maintenance team is finally caught up.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dk_real", testimonial: "Automated everything. Our maintenance team is finally caught up.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Wu",
|
||||
handle: "@linda_mgt",
|
||||
testimonial: "The interface is so clean and easy to use for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3779.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Wu", handle: "@linda_mgt", testimonial: "The interface is so clean and easy to use for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3779.jpg"},
|
||||
]}
|
||||
title="Loved by Property Managers"
|
||||
description="Our clients experience significant productivity boosts across the board."
|
||||
@@ -341,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I upload receipts?",
|
||||
content: "Simply use our secure portal to upload your Google Sheet directly.",
|
||||
},
|
||||
id: "f1", title: "How do I upload receipts?", content: "Simply use our secure portal to upload your Google Sheet directly."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I edit receipts?",
|
||||
content: "Yes, our system allows for review before finalizing and sending.",
|
||||
},
|
||||
id: "f2", title: "Can I edit receipts?", content: "Yes, our system allows for review before finalizing and sending."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Does this work with n8n?",
|
||||
content: "Yes, we integrate natively with your n8n workflows.",
|
||||
},
|
||||
id: "f3", title: "Does this work with n8n?", content: "Yes, we integrate natively with your n8n workflows."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common answers to your questions about our maintenance portal."
|
||||
@@ -366,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Scale Your Maintenance Today"
|
||||
description="Join thousands of property managers using Resident Maintenance."
|
||||
@@ -380,29 +223,15 @@ export default function LandingPage() {
|
||||
logoText="Resident Maintenance"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user