Merge version_2 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -3,16 +3,13 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, ArrowUpRight, Shield, Bell, FileText, UserCheck, CalendarDays, KeyRound, Building2, Users } from "lucide-react";
|
||||
|
||||
export default function WebAgency2Page() {
|
||||
@@ -25,133 +22,105 @@ export default function WebAgency2Page() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Casimiro Westville"
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "dashboard" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Support", id: "support" },
|
||||
{ name: "Access", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Login", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Modern Management for Casimiro Westville"
|
||||
description="A seamless, digital-first approach to village administration. Empowering residents, securing the perimeter, and simplifying community management."
|
||||
tag="Community Harmony"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "Modern village management portal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-holding-smartphones_23-2150233666.jpg", imageAlt: "Resident mobile app interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg", imageAlt: "Security gate digital dashboard" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-people-focused-their-smartphones_1262-20918.jpg", imageAlt: "Community digital communication" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-residential-building_637285-1921.jpg", imageAlt: "Automated gate access log" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
id="dashboard"
|
||||
title="Admin Dashboard Modules"
|
||||
description="Comprehensive control systems for village operations."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Resident Management", description: "Maintain updated resident databases, vehicle registry, and household profiles.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Security Operations", description: "Centralized monitoring of CCTVs, patrol routes, and emergency broadcast alerts.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Access Control", description: "Manage gate entry credentials, visitor pass logs, and automated barrier synchronization.", bentoComponent: "reveal-icon", icon: KeyRound,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Core Functionality"
|
||||
description="Smart tools engineered to simplify your daily operations at Casimiro Westville."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Explore All", href: "#features" }]}
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{
|
||||
title: "Gate Access Control", description: "Secure, automated visitor management for peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
{
|
||||
title: "Facility Booking", description: "Easily reserve clubhouse, court, or pool online.", imageSrc: "http://img.b2bpic.net/free-photo/afternoon-tea-set-with-latte-coffee-hot-tea-table-near-chair-around-swimming-pool_74190-10019.jpg", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
{
|
||||
title: "Real-time Alerts", description: "Stay informed with push notifications for community updates.", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-time-management-concept_53876-120124.jpg", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
{
|
||||
title: "Financial Tracking", description: "Transparent view of homeowner dues and project funds.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780610.jpg", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The transition to the Casimiro digital system has been life-changing. Everything from guest entry to payment tracking is now frictionless."
|
||||
rating={5}
|
||||
author="— Elena Cruz, Resident Chairperson"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-office_1098-21907.jpg", alt: "Resident" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Efficiency At Scale"
|
||||
description=" measurable improvements to village operations through automation."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "time", value: "70%", title: "Time Saved", description: "In administrative processing", icon: CalendarDays },
|
||||
{ id: "security", value: "100%", title: "Log Accuracy", description: "Gate record precision", icon: UserCheck },
|
||||
{ id: "access", value: "24/7", title: "Uptime", description: "Available for all residents", icon: KeyRound },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
title="Common Questions"
|
||||
description="How our platform secures Casimiro Westville."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Is user data secure?", content: "Yes, all data is encrypted and managed with strictly controlled role-based access for admins and security personnel." },
|
||||
{ id: "2", title: "Can residents use mobile?", content: "Absolutely, the system is fully responsive and optimized for mobile browsers to allow on-the-go access." },
|
||||
{ id: "3", title: "How is gate access handled?", content: "Security personnel use digital logs synced in real-time, removing the need for manual paper record-keeping." },
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Ready to Upgrade?"
|
||||
title="Modernize Casimiro Westville Today"
|
||||
description="Contact us for a demonstration of how our management system creates a safer, efficient, and smarter community."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Schedule Demo", href: "#contact" },
|
||||
{ text: "Contact Admin", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Casimiro Westville"
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "dashboard" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Support", id: "support" },
|
||||
{ name: "Access", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Modern Management for Casimiro Westville"
|
||||
description="A seamless, digital-first approach to village administration. Empowering residents, securing the perimeter, and simplifying community management."
|
||||
tag="Community Harmony"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
title="Core Functionality"
|
||||
description="Smart tools engineered to simplify your daily operations at Casimiro Westville."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Resident Management", description: "Maintain updated resident databases, vehicle registry, and household profiles.", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg"},
|
||||
{
|
||||
title: "Security Operations", description: "Centralized monitoring of CCTVs, patrol routes, and emergency broadcast alerts.", imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg"},
|
||||
{
|
||||
title: "Access Control", description: "Manage gate entry credentials, visitor pass logs, and automated barrier synchronization.", imageSrc: "http://img.b2bpic.net/free-photo/afternoon-tea-set-with-latte-coffee-hot-tea-table-near-chair-around-swimming-pool_74190-10019.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Resident Stories"
|
||||
description="Hear from the people who call Casimiro Westville home."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Elena Cruz", role: "Resident Chairperson", testimonial: "The transition to the Casimiro digital system has been life-changing. Everything from guest entry to payment tracking is now frictionless.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-office_1098-21907.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Efficiency At Scale"
|
||||
description="Measurable improvements to village operations through automation."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "time", value: "70%", title: "Time Saved", items: ["In administrative processing"] },
|
||||
{ id: "security", value: "100%", title: "Log Accuracy", items: ["Gate record precision"] },
|
||||
{ id: "access", value: "24/7", title: "Uptime", items: ["Available for all residents"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Common Questions"
|
||||
description="How our platform secures Casimiro Westville."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Is user data secure?", content: "Yes, all data is encrypted and managed with strictly controlled role-based access for admins and security personnel." },
|
||||
{ id: "2", title: "Can residents use mobile?", content: "Absolutely, the system is fully responsive and optimized for mobile browsers to allow on-the-go access." },
|
||||
{ id: "3", title: "How is gate access handled?", content: "Security personnel use digital logs synced in real-time, removing the need for manual paper record-keeping." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Modernize Casimiro Westville Today"
|
||||
description="Contact us for a demonstration of how our management system creates a safer, efficient, and smarter community."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<FooterBaseReveal
|
||||
logoText="Casimiro Westville"
|
||||
copyrightText="© 2026 | Casimiro Westville Homes"
|
||||
columns={[
|
||||
|
||||
Reference in New Issue
Block a user