Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ef56ae3324 | |||
| 87870bf6c1 | |||
| c27fa9a5d5 | |||
| b2bc8ec19c |
208
src/app/page.tsx
208
src/app/page.tsx
@@ -2,17 +2,9 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
||||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
||||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
import { FileUp } from "lucide-react";
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
||||||
import { Clock, FileText, Shield, Star, Upload, Zap } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,15 +23,8 @@ export default function LandingPage() {
|
|||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[]}
|
||||||
{
|
brandName="Pushkar Residency"
|
||||||
name: "Home", id: "hero"},
|
|
||||||
{
|
|
||||||
name: "Features", id: "features"},
|
|
||||||
{
|
|
||||||
name: "Support", id: "faq"},
|
|
||||||
]}
|
|
||||||
brandName="Resident Maintenance"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -47,193 +32,16 @@ export default function LandingPage() {
|
|||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars"}}
|
variant: "gradient-bars"}}
|
||||||
title="Streamline Your Resident Maintenance"
|
title="Pushkar Residency Maintenance"
|
||||||
description="Upload, automate, and resolve maintenance requests in seconds with AI-driven documentation."
|
description="Upload your maintenance Google Sheets directly to generate official receipts instantly. Simplify your property management workflow."
|
||||||
leftCarouselItems={[
|
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", imageAlt: "Dashboard" },
|
{ 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: "Workflow" },
|
||||||
{ 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={[
|
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/business-people-working-with-ipad-high-angle_23-2150103554.jpg", imageAlt: "Receipts" },
|
||||||
{ 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={[
|
buttons={[
|
||||||
{ text: "Get Started", href: "#" },
|
{ text: "Upload Google Sheet", onClick: () => alert("Upload functionality connected") },
|
||||||
{ 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" },
|
|
||||||
]}
|
|
||||||
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" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureBento
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "AI Automation", description: "n8n integrates to generate professional maintenance receipts.", bentoComponent: "reveal-icon", icon: Star
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Built for Efficiency"
|
|
||||||
description="Powerful tools to manage maintenance lifecycle from request to receipt."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="how-it-works" data-section="how-it-works">
|
|
||||||
<SplitAbout
|
|
||||||
textboxLayout="split"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
title="Smart Workflow Automation"
|
|
||||||
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: "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."},
|
|
||||||
]}
|
|
||||||
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>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<MetricCardThree
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "m1", icon: Zap,
|
|
||||||
title: "Faster Processing", value: "80%"},
|
|
||||||
{
|
|
||||||
id: "m2", icon: FileText,
|
|
||||||
title: "Receipt Accuracy", value: "100%"},
|
|
||||||
{
|
|
||||||
id: "m3", icon: Clock,
|
|
||||||
title: "Time Saved", value: "15h"},
|
|
||||||
]}
|
|
||||||
title="Proven Performance"
|
|
||||||
description="Our system optimizes maintenance cycles and reduces administrative burden."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
|
||||||
<PricingCardOne
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
plans={[
|
|
||||||
{
|
|
||||||
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"],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Flexible Scaling"
|
|
||||||
description="Choose a plan that fits your property management needs."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardSix
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
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: "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: "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"},
|
|
||||||
]}
|
|
||||||
title="Loved by Property Managers"
|
|
||||||
description="Our clients experience significant productivity boosts across the board."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqDouble
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
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: "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."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactCenter
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
tag="Ready to Start?"
|
|
||||||
title="Scale Your Maintenance Today"
|
|
||||||
description="Join thousands of property managers using Resident Maintenance."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterMedia
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
|
|
||||||
logoText="Resident Maintenance"
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Company", items: [
|
|
||||||
{ label: "About", href: "#" },
|
|
||||||
{ label: "Careers", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Product", items: [
|
|
||||||
{ label: "Features", href: "#features" },
|
|
||||||
{ label: "Pricing", href: "#pricing" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user