Update src/app/page.tsx

src/app/admin/page.tsx

@@ -0,0 +1,64 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import { Shield, Users, Settings, Bell, FileText, UserCheck } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="metallic"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Admin Panel"
+          navItems={[
+            { name: "Dashboard", id: "dashboard" },
+            { name: "Users", id: "users" },
+            { name: "Settings", id: "settings" },
+          ]}
+          button={{ text: "Logout", href: "/" }}
+        />
+        <div className="pt-32 pb-20">
+          <FeatureBento
+            title="Admin Dashboard"
+            description="Overview of village management operations and system status."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              { title: "User Management", description: "Manage residents, admins, and security staff accounts.", bentoComponent: "reveal-icon", icon: Users },
+              { title: "System Settings", description: "Configure gate access rules, notification templates, and system preferences.", bentoComponent: "reveal-icon", icon: Settings },
+              { title: "Alerts & Logs", description: "Monitor real-time gate access and system activity logs.", bentoComponent: "reveal-icon", icon: Bell },
+            ]}
+          />
+          <MetricCardOne
+            title="System Insights"
+            description="Real-time data on village management efficiency."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            metrics={[
+              { id: "active", value: "85%", title: "Active Users", description: "Platform engagement rate", icon: UserCheck },
+              { id: "logs", value: "42", title: "New Alerts", description: "Requiring attention", icon: FileText },
+              { id: "security", value: "Active", title: "System Status", description: "All services running", icon: Shield },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,17 +3,14 @@
 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 HeroSplit from "@/components/sections/hero/HeroSplit";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
+import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FaqBase from "@/components/sections/faq/FaqBase";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import { Sparkles } from "lucide-react";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, ArrowUpRight, Shield, Bell, FileText, UserCheck, CalendarDays, KeyRound, Building2, Users } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -25,136 +22,106 @@ export default function WebAgency2Page() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
+        <div id="nav" data-section="nav">
-          brandName="Casimiro Westville"
+          <NavbarLayoutFloatingOverlay
-          navItems={[
+            brandName="Casimiro Westville"
-            { name: "Dashboard", id: "dashboard" },
+            navItems={[
-            { name: "Features", id: "features" },
+              { name: "Dashboard", id: "dashboard" },
-            { name: "Support", id: "support" },
+              { name: "Features", id: "features" },
-            { name: "Access", id: "contact" },
+              { name: "Support", id: "support" },
-          ]}
+              { name: "Access", id: "contact" },
-          button={{ text: "Login", href: "#contact" }}
+            ]}
-        />
+          />
-        <HeroSplitDoubleCarousel
+        </div>
-          title="Modern Management for Casimiro Westville"
+        <div id="hero" data-section="hero">
-          description="A seamless, digital-first approach to village administration. Empowering residents, securing the perimeter, and simplifying community management."
+          <HeroSplit
-          tag="Community Harmony"
+            title="Modern Management for Casimiro Westville"
-          tagIcon={Sparkles}
+            description="A seamless, digital-first approach to village administration. Empowering residents, securing the perimeter, and simplifying community management."
-          tagAnimation="slide-up"
+            tag="Community Harmony"
-          background={{ variant: "canvas-reveal" }}
+            tagIcon={Sparkles}
-          buttons={[
+            tagAnimation="slide-up"
-            { text: "Get Started", href: "#contact" },
+            background={{ variant: "canvas-reveal" }}
-            { text: "Learn More", href: "#features" },
+            buttons={[
-          ]}
+              { text: "Get Started", href: "#contact" },
-          buttonAnimation="slide-up"
+              { text: "Learn More", href: "#features" },
-          carouselPosition="right"
+            ]}
-          leftCarouselItems={[
+            buttonAnimation="slide-up"
-            { 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" },
+            imagePosition="right"
-            { 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/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"
-            { imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg", imageAlt: "Security gate digital dashboard" },
+          />
-          ]}
+        </div>
-          rightCarouselItems={[
+        <div id="features" data-section="features">
-            { imageSrc: "http://img.b2bpic.net/free-photo/group-people-focused-their-smartphones_1262-20918.jpg", imageAlt: "Community digital communication" },
+          <FeatureCardSix
-            { imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-residential-building_637285-1921.jpg", imageAlt: "Automated gate access log" },
+            title="Core Functionality"
-          ]}
+            description="Smart tools engineered to simplify your daily operations at Casimiro Westville."
-          carouselItemClassName="!aspect-[4/5]"
+            textboxLayout="default"
-        />
+            useInvertedBackground={false}
-        <FeatureBento
+            features={[
-          title="Key Modules for Every Role"
+              {
-          description="Unified access control and management for a safer, more connected neighborhood."
+                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"},
-          textboxLayout="default"
+              {
-          useInvertedBackground={false}
+                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"},
-          animationType="slide-up"
+              {
-          features={[
+                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"},
-            {
+            ]}
-              title: "Admin Hub",              description: "Streamlined billing, facility scheduling, and resident management tools.",              bentoComponent: "reveal-icon",              icon: Building2,
+          />
-            },
+        </div>
-            {
+        <div id="testimonials" data-section="testimonials">
-              title: "Resident Portal",              description: "Submit requests, pay dues, and receive community announcements instantly.",              bentoComponent: "media-stack",              items: [
+          <TestimonialCardTwo
-                { imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-near-tablet-with-plan_23-2147785623.jpg", imageAlt: "Resident dashboard overview" },
+            title="Resident Stories"
-                { imageSrc: "http://img.b2bpic.net/free-vector/interface-charity-application_23-2148632019.jpg", imageAlt: "Billing and payments portal" },
+            description="Hear from the people who call Casimiro Westville home."
-                { imageSrc: "http://img.b2bpic.net/free-vector/illustation-loan-application_53876-20579.jpg", imageAlt: "Request tracking" },
+            textboxLayout="default"
-              ],
+            useInvertedBackground={false}
-            },
+            animationType="slide-up"
-            {
+            testimonials={[
-              title: "Security Interface",              description: "Real-time visitor logs, gate access validation, and emergency broadcast systems.",              bentoComponent: "reveal-icon",              icon: Shield,
+              {
-            },
+                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"},
-          ]}
+            ]}
-        />
+          />
-        <FeatureCardTwentySix
+        </div>
-          title="Core Functionality"
+        <div id="metrics" data-section="metrics">
-          description="Smart tools engineered to simplify your daily operations at Casimiro Westville."
+          <MetricCardSeven
-          textboxLayout="default"
+            title="Efficiency At Scale"
-          useInvertedBackground={false}
+            description="Measurable improvements to village operations through automation."
-          buttons={[{ text: "Explore All", href: "#features" }]}
+            textboxLayout="default"
-          cardClassName="!h-auto aspect-video"
+            useInvertedBackground={false}
-          features={[
+            animationType="slide-up"
-            {
+            metrics={[
-              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,
+              { 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"] },
-              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,
+            ]}
-            },
+          />
-            {
+        </div>
-              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,
+        <div id="faq" data-section="faq">
-            },
+          <FaqDouble
-            {
+            title="Common Questions"
-              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,
+            description="How our platform secures Casimiro Westville."
-            },
+            textboxLayout="default"
-          ]}
+            useInvertedBackground={false}
-        />
+            faqsAnimation="slide-up"
-        <TestimonialCardFifteen
+            faqs={[
-          testimonial="The transition to the Casimiro digital system has been life-changing. Everything from guest entry to payment tracking is now frictionless."
+              { 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." },
-          rating={5}
+              { 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." },
-          author="— Elena Cruz, Resident Chairperson"
+              { 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." },
-          avatars={[{ src: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-office_1098-21907.jpg", alt: "Resident" }]}
+            ]}
-          ratingAnimation="slide-up"
+          />
-          avatarsAnimation="slide-up"
+        </div>
-          useInvertedBackground={false}
+        <div id="contact" data-section="contact">
-        />
+          <ContactSplit
-        <MetricCardOne
+            tag="Contact"
-          title="Efficiency At Scale"
+            title="Modernize Casimiro Westville Today"
-          description=" measurable improvements to village operations through automation."
+            description="Contact us for a demonstration of how our management system creates a safer, efficient, and smarter community."
-          textboxLayout="default"
+            background={{ variant: "rotated-rays-animated" }}
-          useInvertedBackground={false}
+            useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
+          />
-          animationType="slide-up"
+        </div>
-          metrics={[
+        <FooterBaseReveal
-            { 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
           logoText="Casimiro Westville"
           copyrightText="© 2026 | Casimiro Westville Homes"
           columns={[
@@ -177,4 +144,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}