Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0a79ef804f | |||
| 186ef0a5e3 | |||
| 0bd68ae62c | |||
| f3a067c360 | |||
| 1414437cd3 |
128
src/app/page.tsx
128
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Users, Shield, Globe, CheckCircle, Building2, Clock, Mail } from "lucide-react";
|
||||
import { Users, Shield, Globe, CheckCircle, Building2, Clock, Mail, Lock, Briefcase, Languages } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -23,8 +23,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Dashboard", href: "/dashboard" },
|
||||
@@ -32,8 +31,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Support", href: "#faq" },
|
||||
@@ -41,8 +39,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -93,50 +90,25 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{ text: "Explore All Features", href: "#features" },
|
||||
]}
|
||||
features={[
|
||||
{
|
||||
id: "authentication",
|
||||
label: "Authentication",
|
||||
title: "Secure Role-Based Access Control",
|
||||
items: [
|
||||
"Dual-role login system",
|
||||
"Email verification for residents",
|
||||
"Block-specific access isolation",
|
||||
"Committee member authentication",
|
||||
],
|
||||
id: "authentication", label: "Authentication", title: "Secure Role-Based Access Control", items: [
|
||||
"Dual-role login system", "Email verification for residents", "Block-specific access isolation", "Committee member authentication"],
|
||||
},
|
||||
{
|
||||
id: "committee",
|
||||
label: "Committee",
|
||||
title: "Complete Dashboard Management",
|
||||
items: [
|
||||
"7-tab overview dashboard",
|
||||
"Resident approval workflow",
|
||||
"Notice board CRUD operations",
|
||||
"Live service status updates",
|
||||
],
|
||||
id: "committee", label: "Committee", title: "Complete Dashboard Management", items: [
|
||||
"7-tab overview dashboard", "Resident approval workflow", "Notice board CRUD operations", "Live service status updates"],
|
||||
},
|
||||
{
|
||||
id: "resident",
|
||||
label: "Resident",
|
||||
title: "Community Information Access",
|
||||
items: [
|
||||
"View notices and announcements",
|
||||
"Access prayer timings",
|
||||
"Report complaints and issues",
|
||||
"Check facility availability",
|
||||
],
|
||||
id: "resident", label: "Resident", title: "Community Information Access", items: [
|
||||
"View notices and announcements", "Access prayer timings", "Report complaints and issues", "Check facility availability"],
|
||||
},
|
||||
{
|
||||
id: "multilingual",
|
||||
label: "Languages",
|
||||
title: "Full Bilingual Support",
|
||||
items: [
|
||||
"English language interface",
|
||||
"Urdu language interface",
|
||||
"RTL text support",
|
||||
"Seamless language switching",
|
||||
],
|
||||
id: "multilingual", label: "Languages", title: "Full Bilingual Support", items: [
|
||||
"English language interface", "Urdu language interface", "RTL text support", "Seamless language switching"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -152,24 +124,16 @@ export default function HomePage() {
|
||||
imagePosition="right"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Community Connection",
|
||||
description: "Bringing residents and committee members together with real-time communication and transparency.",
|
||||
icon: Users,
|
||||
title: "Community Connection", description: "Bringing residents and committee members together with real-time communication and transparency.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Security First",
|
||||
description: "Block-specific data isolation and role-based access ensures privacy and security for all residents.",
|
||||
icon: Shield,
|
||||
title: "Security First", description: "Block-specific data isolation and role-based access ensures privacy and security for all residents.", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Accessible to All",
|
||||
description: "Bilingual interface (English/Urdu) with RTL support serves multigenerational residents of all tech literacy levels.",
|
||||
icon: Globe,
|
||||
title: "Accessible to All", description: "Bilingual interface (English/Urdu) with RTL support serves multigenerational residents of all tech literacy levels.", icon: Globe,
|
||||
},
|
||||
{
|
||||
title: "Complete Management",
|
||||
description: "From prayer timings to utility status, notices to complaint tracking—all essential community features in one place.",
|
||||
icon: CheckCircle,
|
||||
title: "Complete Management", description: "From prayer timings to utility status, notices to complaint tracking—all essential community features in one place.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/blue-house-background-with-cloud-other-elements_23-2147630782.jpg?_wi=1"
|
||||
@@ -189,32 +153,16 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "3",
|
||||
title: "Housing Blocks",
|
||||
description: "Connected and managed seamlessly",
|
||||
icon: Building2,
|
||||
id: "1", value: "3", title: "Housing Blocks", description: "Connected and managed seamlessly", icon: Building2,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Bilingual Support",
|
||||
description: "English and Urdu interface",
|
||||
icon: Globe,
|
||||
id: "2", value: "100%", title: "Bilingual Support", description: "English and Urdu interface", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Uptime",
|
||||
description: "Reliable community access",
|
||||
icon: Clock,
|
||||
id: "3", value: "24/7", title: "Uptime", description: "Reliable community access", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Zero",
|
||||
title: "Data Breaches",
|
||||
description: "Security-first architecture",
|
||||
icon: Shield,
|
||||
id: "4", value: "Zero", title: "Data Breaches", description: "Security-first architecture", icon: Shield,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -231,35 +179,17 @@ export default function HomePage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I log in to the portal?",
|
||||
content: "Residents sign in using their email address with a verification workflow. Committee members authenticate using their block A/C credentials or designated passwords. All logins are secured with role-based access control.",
|
||||
},
|
||||
id: "1", title: "How do I log in to the portal?", content: "Residents sign in using their email address with a verification workflow. Committee members authenticate using their block A/C credentials or designated passwords. All logins are secured with role-based access control."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is my data secure and private?",
|
||||
content: "Yes. The portal uses block-specific data isolation, ensuring each housing block's information is completely separated. Only authorized users can access their block's data. All communications are encrypted.",
|
||||
},
|
||||
id: "2", title: "Is my data secure and private?", content: "Yes. The portal uses block-specific data isolation, ensuring each housing block's information is completely separated. Only authorized users can access their block's data. All communications are encrypted."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Does the portal support multiple languages?",
|
||||
content: "Absolutely. The portal is fully bilingual with complete support for English and Urdu. You can switch languages seamlessly at any time. RTL (right-to-left) text is fully supported for Urdu.",
|
||||
},
|
||||
id: "3", title: "Does the portal support multiple languages?", content: "Absolutely. The portal is fully bilingual with complete support for English and Urdu. You can switch languages seamlessly at any time. RTL (right-to-left) text is fully supported for Urdu."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What features are available for residents?",
|
||||
content: "Residents can view community notices, access prayer timings, report complaints and issues, check live utility status, and view facility availability. All features are designed for easy access.",
|
||||
},
|
||||
id: "4", title: "What features are available for residents?", content: "Residents can view community notices, access prayer timings, report complaints and issues, check live utility status, and view facility availability. All features are designed for easy access."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What powers the committee member dashboard?",
|
||||
content: "The committee dashboard includes 7 tabs: Overview (metrics and activity), Resident Management (approval and removal), Pending Requests (approval queue), Notice Board (publishing), News Updates (articles and images), and Live Status (water/electricity).",
|
||||
},
|
||||
id: "5", title: "What powers the committee member dashboard?", content: "The committee dashboard includes 7 tabs: Overview (metrics and activity), Resident Management (approval and removal), Pending Requests (approval queue), Notice Board (publishing), News Updates (articles and images), and Live Status (water/electricity)."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I access the portal on my phone?",
|
||||
content: "Yes, the portal is fully mobile responsive. You can access all features on smartphones, tablets, and desktop computers with consistent functionality and design.",
|
||||
},
|
||||
id: "6", title: "Can I access the portal on my phone?", content: "Yes, the portal is fully mobile responsive. You can access all features on smartphones, tablets, and desktop computers with consistent functionality and design."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user