Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -32,16 +32,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Login",          id: "contact"},
-        {
-          name: "Home",          id: "home"},
-        {
-          name: "Security",          id: "features"},
+        { name: "Home", id: "home" },
+        { name: "Emergency Auth", id: "emergency-auth" },
+        { name: "Security", id: "features" },
+        { name: "Support", id: "contact" },
       ]}
       brandName="PUBG Emergency Auth"
       button={{
-        text: "Verify Now",        href: "#contact"}}
+        text: "Verify Now",        href: "#emergency-auth"}}
     />
   </div>
 
@@ -50,40 +48,29 @@ export default function LandingPage() {
       title="Emergency Account Authentication"
       description="Secure your compromised PUBG Mobile account immediately using our verified emergency recovery protocol."
       testimonials={[
-        {
-          name: "John Doe",          handle: "@pubg_pro",          testimonial: "Saved my account in minutes. Incredible service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg"},
-        {
-          name: "Sarah Miller",          handle: "@gaming_fan",          testimonial: "Fast response when I lost my credentials.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg"},
-        {
-          name: "Alex Riv",          handle: "@esports_star",          testimonial: "The only way to verify ownership securely.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg"},
-        {
-          name: "Mike Tech",          handle: "@gamer_guy",          testimonial: "Professional authentication process.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637762.jpg"},
-        {
-          name: "Lena K",          handle: "@battle_royale",          testimonial: "Highly reliable account protection.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg"},
-      ]}
-      buttons={[
-        {
-          text: "Authenticate Now",          href: "#contact"},
+        { name: "John Doe", handle: "@pubg_pro", testimonial: "Saved my account in minutes. Incredible service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg?_wi=1" },
+        { name: "Sarah Miller", handle: "@gaming_fan", testimonial: "Fast response when I lost my credentials.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg" },
+        { name: "Alex Riv", handle: "@esports_star", testimonial: "The only way to verify ownership securely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg" },
+        { name: "Mike Tech", handle: "@gamer_guy", testimonial: "Professional authentication process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637762.jpg" },
+        { name: "Lena K", handle: "@battle_royale", testimonial: "Highly reliable account protection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg" },
       ]}
+      buttons={[{ text: "Start Verification", href: "#emergency-auth" }]}
       imageSrc="http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",          alt: "Verification user one"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cybersecurity-professional-work_23-2152001152.jpg",          alt: "Verification user two"},
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg",          alt: "Verification user three"},
-        {
-          src: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",          alt: "Verification user four"},
-        {
-          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",          alt: "Verification user five"},
+    />
+  </div>
+
+  <div id="emergency-auth" data-section="emergency-auth">
+    <ContactSplitForm 
+      title="Emergency Account Access"
+      description="Enter your details to initiate an emergency security audit for your compromised account."
+      inputs={[
+        { name: "username", type: "text", placeholder: "PUBG Username / ID", required: true },
+        { name: "email", type: "email", placeholder: "Registered Email Address", required: true }
       ]}
-      avatarText="Trusted by 50,000+ players"
+      textarea={{ name: "details", placeholder: "Describe the incident...", rows: 4, required: true }}
+      buttonText="Secure Account Now"
+      imageSrc="http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg?_wi=2"
+      useInvertedBackground={true}
     />
   </div>
 
@@ -93,15 +80,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          icon: Shield,
-          title: "Accounts Secured",          value: "50K+"},
-        {
-          id: "m2",          icon: Zap,
-          title: "Recovery Time",          value: "<10m"},
-        {
-          id: "m3",          icon: Award,
-          title: "Success Rate",          value: "99.8%"},
+        { id: "m1", icon: Shield, title: "Accounts Secured", value: "50K+" },
+        { id: "m2", icon: Zap, title: "Recovery Time", value: "<10m" },
+        { id: "m3", icon: Award, title: "Success Rate", value: "99.8%" },
       ]}
       title="Account Protection Stats"
       description="Our verified results for account recovery."
@@ -113,14 +94,8 @@ export default function LandingPage() {
       animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Manual verification required",          "Session lockout enforced",          "IP verification mandatory"],
-      }}
-      positiveCard={{
-        items: [
-          "Real-time biometric scan",          "Encrypted session tokens",          "Verified recovery path"],
-      }}
+      negativeCard={{ items: ["Manual verification required", "Session lockout enforced", "IP verification mandatory"] }}
+      positiveCard={{ items: ["Real-time biometric scan", "Encrypted session tokens", "Verified recovery path"] }}
       title="Security Features"
       description="Robust layers of verification for your peace of mind."
     />
@@ -131,16 +106,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          name: "User 1",          date: "2024-05",          title: "Verified",          quote: "Instant verification.",          tag: "PUBG",          avatarSrc: "http://img.b2bpic.net/free-photo/computer-security-data-protection-concept_107791-15659.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/digital-cybersecurity-shield-network-background_84443-85964.jpg"},
-        {
-          id: "t2",          name: "User 2",          date: "2024-05",          title: "Verified",          quote: "Professional team.",          tag: "Mobile",          avatarSrc: "http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-184.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/device-protected-by-cyber-security_23-2149270833.jpg"},
-        {
-          id: "t3",          name: "User 3",          date: "2024-05",          title: "Verified",          quote: "Secure and fast.",          tag: "Global",          avatarSrc: "http://img.b2bpic.net/free-photo/isolated-copy-space-running-laptop-high-tech-agency-office_482257-121529.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165599.jpg"},
-        {
-          id: "t4",          name: "User 4",          date: "2024-05",          title: "Verified",          quote: "Fixed login issue.",          tag: "Pro",          avatarSrc: "http://img.b2bpic.net/free-vector/lock-shield-cyber-security-technology-blue-tone_53876-119533.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301535.jpg"},
-        {
-          id: "t5",          name: "User 5",          date: "2024-05",          title: "Verified",          quote: "Excellent security.",          tag: "Elite",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-phone-with-security-lock-icon_23-2152004110.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone-with-lock_23-2149101163.jpg"},
+        { id: "t1", name: "User 1", date: "2024-05", title: "Verified", quote: "Instant verification.", tag: "PUBG", avatarSrc: "http://img.b2bpic.net/free-photo/computer-security-data-protection-concept_107791-15659.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-cybersecurity-shield-network-background_84443-85964.jpg" },
+        { id: "t2", name: "User 2", date: "2024-05", title: "Verified", quote: "Professional team.", tag: "Mobile", avatarSrc: "http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-184.jpg", imageSrc: "http://img.b2bpic.net/free-photo/device-protected-by-cyber-security_23-2149270833.jpg" }
       ]}
       title="Security Success Stories"
       description="Real players trusting our auth system."
@@ -153,18 +120,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",          badge: "Essential",          price: "Free",          subtitle: "Standard Security",          features: [
-            "Identity check",            "E-mail verify"],
-        },
-        {
-          id: "pro",          badge: "Advanced",          price: "$19",          subtitle: "Enhanced Protection",          features: [
-            "Biometrics",            "24/7 Priority",            "IP Lock"],
-        },
-        {
-          id: "ultra",          badge: "Elite",          price: "$49",          subtitle: "Emergency Response",          features: [
-            "Instant Lockout",            "Dedicated Agent",            "Device Sync"],
-        },
+        { id: "basic", badge: "Essential", price: "Free", subtitle: "Standard Security", features: ["Identity check", "E-mail verify"] },
+        { id: "pro", badge: "Advanced", price: "$19", subtitle: "Enhanced Protection", features: ["Biometrics", "24/7 Priority", "IP Lock"] },
+        { id: "ultra", badge: "Elite", price: "$49", subtitle: "Emergency Response", features: ["Instant Lockout", "Dedicated Agent", "Device Sync"] },
       ]}
       title="Verification Levels"
       description="Choose your authentication priority."
@@ -175,8 +133,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "PUBG Corp",        "Tencent Games",        "Bluehole",        "Global E-Sports",        "Mobile Secure Inc.",        "Cloud Auth",        "Identity Verify"]}
+      names={["PUBG Corp", "Tencent Games", "Bluehole", "Global E-Sports", "Mobile Secure Inc."]}
       title="Verified Globally"
       description="Trusted by platforms across the ecosystem."
     />
@@ -186,51 +143,20 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",          title: "How long does auth take?",          content: "Under 10 minutes."},
-        {
-          id: "f2",          title: "Is my data encrypted?",          content: "Military grade."},
-        {
-          id: "f3",          title: "Can I recover linked accounts?",          content: "Yes, we support multi-platform."},
+        { id: "f1", title: "How long does auth take?", content: "Under 10 minutes." },
+        { id: "f2", title: "Is my data encrypted?", content: "Military grade." }
       ]}
       sideTitle="Common Auth Questions"
       faqsAnimation="blur-reveal"
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "cell-wave"}}
-      text="Initiate emergency login authentication now. Our secure channel is live."
-      buttons={[
-        {
-          text: "Authenticate My Account",          href: "#"},
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="PUBG Emergency Auth"
       columns={[
-        {
-          title: "Security",          items: [
-            {
-              label: "Protocols",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Contact",              href: "#"},
-          ],
-        },
+        { title: "Security", items: [{ label: "Protocols", href: "#" }, { label: "Privacy", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
       ]}
       copyrightText="2024 PUBG Emergency Auth"
     />