Update src/app/page.tsx

Merge version_1 into main

src/app/layout.tsx

@@ -7,49 +7,31 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const halant = Halant({
-  variable: "--font-halant",
+  variable: "--font-halant",  subsets: ["latin"],
-  subsets: ["latin"],
   weight: ["300", "400", "500", "600", "700"],
 });
 
 const dmSans = DM_Sans({
-  variable: "--font-dm-sans",
+  variable: "--font-dm-sans",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Team Black Code Admin Portal - Secure Management Dashboard",
+  title: "Team Black Code Admin Portal - Secure Management Dashboard",  description: "Professional admin panel for Team Black Code with secure authentication, user management, and operational controls. Access dashboard with username and password login.",  keywords: "admin panel, dashboard, team management, secure login, operations control",  metadataBase: new URL("https://admin.teamblackcode.com"),
-  description: "Professional admin panel for Team Black Code with secure authentication, user management, and operational controls. Access dashboard with username and password login.",
-  keywords: "admin panel, dashboard, team management, secure login, operations control",
-  metadataBase: new URL("https://admin.teamblackcode.com"),
   alternates: {
-    canonical: "https://admin.teamblackcode.com",
+    canonical: "https://admin.teamblackcode.com"},
-  },
   openGraph: {
-    title: "Team Black Code Admin Portal",
+    title: "Team Black Code Admin Portal",    description: "Secure admin management system for Team Black Code",    url: "https://admin.teamblackcode.com",    siteName: "Team Black Code",    type: "website",    images: [
-    description: "Secure admin management system for Team Black Code",
-    url: "https://admin.teamblackcode.com",
-    siteName: "Team Black Code",
-    type: "website",
-    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-modern-secure-admin-portal-interface-s-1772763686483-eda008b7.png",
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-modern-secure-admin-portal-interface-s-1772763686483-eda008b7.png",        alt: "A modern, secure admin portal interface showcasing a professional dashboard with login authenticatio"},
-        alt: "A modern, secure admin portal interface showcasing a professional dashboard with login authenticatio",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "Team Black Code Admin Portal",    description: "Secure admin management system",    images: [
-    title: "Team Black Code Admin Portal",
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-modern-secure-admin-portal-interface-s-1772763686483-eda008b7.png"],
-    description: "Secure admin management system",
-    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-modern-secure-admin-portal-interface-s-1772763686483-eda008b7.png",
-    ],
   },
   robots: {
     index: true,

src/app/page.tsx

@@ -34,9 +34,7 @@ export default function HomePage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Login to Admin",
+            text: "Login to Admin",            href: "/admin/login"}}
-            href: "/admin/login",
-          }}
         />
       </div>
 
@@ -61,24 +59,16 @@ export default function HomePage() {
           metrics={[
             {
               icon: Shield,
-              label: "Enterprise Security",
+              label: "Enterprise Security",              value: "100%"},
-              value: "100%",
-            },
             {
               icon: Users,
-              label: "Active Team Members",
+              label: "Active Team Members",              value: "50+"},
-              value: "50+",
-            },
             {
               icon: Zap,
-              label: "Projects Completed",
+              label: "Projects Completed",              value: "200+"},
-              value: "200+",
-            },
             {
               icon: Award,
-              label: "Industry Recognition",
+              label: "Industry Recognition",              value: "15+"},
-              value: "15+",
-            },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -93,37 +83,19 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              tag: "Security",
+              tag: "Security",              title: "User Authentication",              subtitle: "Advanced login systems",              description:
-              title: "User Authentication",
+                "Secure username and password authentication with two-factor verification options. Enterprise-grade encryption for all credentials and sensitive data.",              imageSrc:
-              subtitle: "Advanced login systems",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-detailed-authentication-system-interfa-1772763686960-c9f28a91.png?_wi=1",              imageAlt: "Authentication system"},
-              description:
-                "Secure username and password authentication with two-factor verification options. Enterprise-grade encryption for all credentials and sensitive data.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-detailed-authentication-system-interfa-1772763686960-c9f28a91.png?_wi=1",
-              imageAlt: "Authentication system",
-            },
             {
               id: 2,
-              tag: "Management",
+              tag: "Management",              title: "Dashboard Controls",              subtitle: "Centralized operations",              description:
-              title: "Dashboard Controls",
+                "Real-time monitoring and management of all team activities. Customize permissions and access levels for different user roles.",              imageSrc:
-              subtitle: "Centralized operations",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-comprehensive-admin-dashboard-interfac-1772763687049-7afbef12.png?_wi=1",              imageAlt: "Dashboard interface"},
-              description:
-                "Real-time monitoring and management of all team activities. Customize permissions and access levels for different user roles.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-comprehensive-admin-dashboard-interfac-1772763687049-7afbef12.png?_wi=1",
-              imageAlt: "Dashboard interface",
-            },
             {
               id: 3,
-              tag: "Analytics",
+              tag: "Analytics",              title: "Performance Metrics",              subtitle: "Data-driven insights",              description:
-              title: "Performance Metrics",
+                "Comprehensive analytics and reporting tools to track team productivity, project progress, and system performance metrics.",              imageSrc:
-              subtitle: "Data-driven insights",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-detailed-analytics-dashboard-showcasin-1772763686834-1743910d.png?_wi=1",              imageAlt: "Analytics dashboard"},
-              description:
-                "Comprehensive analytics and reporting tools to track team productivity, project progress, and system performance metrics.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYJWONuDPk1b80EehAGHBmURWQ/a-detailed-analytics-dashboard-showcasin-1772763686834-1743910d.png?_wi=1",
-              imageAlt: "Analytics dashboard",
-            },
           ]}
           textboxLayout="default"
           useInvertedBackground={true}
@@ -134,37 +106,23 @@ export default function HomePage() {
       <div id="contact" data-section="contact">
         <ContactFaq
           ctaTitle="Need Admin Support?"
-          ctaDescription="Get assistance with admin account setup or technical support"
+          ctaDescription="Get assistance with admin account setup or technical support. Available 9 AM–6 PM EST"
           ctaButton={{
-            text: "Contact Support",
+            text: "Contact Support",            href: "mailto:admin@teamblackcode.com"}}
-            href: "mailto:admin@teamblackcode.com",
-          }}
           ctaIcon={Phone}
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "How do I reset my admin password?",              content:
-              title: "How do I reset my admin password?",
+                "Contact the system administrator with your employee ID. We'll verify your identity and send a password reset link to your registered email address."},
-              content:
-                "Contact the system administrator with your employee ID. We'll verify your identity and send a password reset link to your registered email address.",
-            },
             {
-              id: "2",
+              id: "2",              title: "What is the login URL?",              content:
-              title: "What is the login URL?",
+                "Access the admin panel at https://admin.teamblackcode.com or use the Login button from the homepage navigation."},
-              content:
-                "Access the admin panel at https://admin.teamblackcode.com or use the Login button from the homepage navigation.",
-            },
             {
-              id: "3",
+              id: "3",              title: "Is two-factor authentication required?",              content:
-              title: "Is two-factor authentication required?",
+                "Two-factor authentication is strongly recommended for security. Enable it in your account settings after login."},
-              content:
-                "Two-factor authentication is strongly recommended for security. Enable it in your account settings after login.",
-            },
             {
-              id: "4",
+              id: "4",              title: "What browsers are supported?",              content:
-              title: "What browsers are supported?",
+                "We support Chrome, Firefox, Safari, and Edge browsers. Ensure your browser is up-to-date for optimal security."},
-              content:
-                "We support Chrome, Firefox, Safari, and Edge browsers. Ensure your browser is up-to-date for optimal security.",
-            },
           ]}
           useInvertedBackground={false}
           animationType="slide-up"
@@ -176,8 +134,7 @@ export default function HomePage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Product",
+              title: "Product",              items: [
-              items: [
                 { label: "Admin Portal", href: "/" },
                 { label: "Features", href: "#features" },
                 { label: "Security", href: "#about" },
@@ -185,8 +142,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "#about" },
                 { label: "Team", href: "/" },
                 { label: "Blog", href: "/" },
@@ -194,8 +150,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Legal",
+              title: "Legal",              items: [
-              items: [
                 { label: "Privacy Policy", href: "/" },
                 { label: "Terms of Service", href: "/" },
                 { label: "Security Policy", href: "/" },