Update src/app/admin/page.tsx

Merge version_2 into main

src/app/admin/page.tsx

@@ -0,0 +1,64 @@
+"use client";
+
+import { useState } from 'react';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function AdminPage() {
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+
+  const handleLogin = (data: Record<string, string>) => {
+    if (data.username === "admin" && data.password === "admin") {
+      setIsAuthenticated(true);
+    } else {
+      alert("Invalid credentials");
+    }
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Admin Portal", id: "/admin" },
+          ]}
+          brandName="Passive Gainz"
+        />
+      </div>
+
+      <div style={{ marginTop: '150px' }}>
+        {!isAuthenticated ? (
+          <ContactSplitForm
+            title="Admin Login"
+            description="Enter your credentials to access the secure administrative dashboard."
+            inputs={[
+              { name: "username", type: "text", placeholder: "Username", required: true },
+              { name: "password", type: "password", placeholder: "Password", required: true }
+            ]}
+            buttonText="Login"
+            onSubmit={handleLogin}
+            useInvertedBackground={false}
+          />
+        ) : (
+          <div className="p-10 text-center">
+            <h1 className="text-4xl font-bold">Welcome to Admin Panel</h1>
+            <p className="mt-4">System fully authenticated and operational.</p>
+          </div>
+        )}
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Features", id: "features" },
-        },
+        { name: "Support", id: "contact" },
-        {
+        { name: "Admin", id: "/admin" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Support",
-          id: "contact",
-        },
       ]}
       brandName="Passive Gainz"
     />
@@ -57,14 +46,8 @@ export default function LandingPage() {
       logoText="Passive Gainz Digital Hub"
       description="The No 1 Global Platform for secure digital investments and passive wealth creation. Join thousands of investors earning consistent returns."
       buttons={[
-        {
+        { text: "Register Now", href: "#contact" },
-          text: "Register Now",
+        { text: "Login", href: "#" },
-          href: "#contact",
-        },
-        {
-          text: "Login",
-          href: "#",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-120322.jpg"
     />
@@ -76,18 +59,9 @@ export default function LandingPage() {
       title="Global Investment Excellence"
       description="We provide a secure, bank-grade digital investment dashboard that automates your financial growth. Our infrastructure ensures high security with US-based servers."
       metrics={[
-        {
+        { value: "10K+", title: "Investors" },
-          value: "10K+",
+        { value: "99.9%", title: "Uptime" },
-          title: "Investors",
+        { value: "24/7", title: "Support" },
-        },
-        {
-          value: "99.9%",
-          title: "Uptime",
-        },
-        {
-          value: "24/7",
-          title: "Support",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/home-office-design-workspace-room-concept_53876-16314.jpg"
     />
@@ -99,21 +73,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Crypto Wallet Funding", description: "Deposit via various cryptocurrencies with secure, dedicated wallet addresses.", imageSrc: "http://img.b2bpic.net/free-vector/money-protection-shield_78370-6867.jpg" },
-          title: "Crypto Wallet Funding",
+        { title: "Automated Profit Tracking", description: "See your daily estimated profit and growth in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg" },
-          description: "Deposit via various cryptocurrencies with secure, dedicated wallet addresses.",
+        { title: "Human Verification", description: "Confirm you're human with our seamless biometric and verification checks.", imageSrc: "http://img.b2bpic.net/free-photo/2-factor-authentication-explanation_23-2152004077.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-vector/money-protection-shield_78370-6867.jpg",
-        },
-        {
-          title: "Automated Profit Tracking",
-          description: "See your daily estimated profit and growth in real-time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg",
-        },
-        {
-          title: "Human Verification",
-          description: "Confirm you're human with our seamless biometric and verification checks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/2-factor-authentication-explanation_23-2152004077.jpg",
-        },
       ]}
       title="Secure Investment Features"
       description="Cutting-edge tools to manage your portfolio, crypto funding, and earnings effortlessly."
@@ -126,24 +88,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: TrendingUp, title: "Average Monthly ROI", value: "12.5%" },
-          id: "m1",
+        { id: "m2", icon: Shield, title: "Total Security", value: "AES-256" },
-          icon: TrendingUp,
+        { id: "m3", icon: Clock, title: "Withdrawal Time", value: "Instant" },
-          title: "Est. Monthly Returns",
-          value: "12.5%",
-        },
-        {
-          id: "m2",
-          icon: Shield,
-          title: "Total Security",
-          value: "AES-256",
-        },
-        {
-          id: "m3",
-          icon: Clock,
-          title: "Withdrawal Time",
-          value: "Instant",
-        },
       ]}
       title="Investment Insights"
       description="Real-time performance metrics for your passive income stream."
@@ -157,46 +104,11 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "John Smith", role: "Financial Analyst", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
-          id: "1",
+        { id: "2", name: "Sarah Miller", role: "Software Dev", company: "Tech Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
-          name: "John Smith",
+        { id: "3", name: "David Wilson", role: "Consultant", company: "Biz Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg" },
-          role: "Financial Analyst",
+        { id: "4", name: "Emma Brown", role: "Designer", company: "Creative Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg" },
-          company: "Global Corp",
+        { id: "5", name: "James Lee", role: "Investor", company: "Private Capital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Miller",
-          role: "Software Dev",
-          company: "Tech Labs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
-        {
-          id: "3",
-          name: "David Wilson",
-          role: "Consultant",
-          company: "Biz Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg",
-        },
-        {
-          id: "4",
-          name: "Emma Brown",
-          role: "Designer",
-          company: "Creative Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
-        },
-        {
-          id: "5",
-          name: "James Lee",
-          role: "Investor",
-          company: "Private Capital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-        },
       ]}
       title="Investor Success Stories"
       description="Hear what our global investment community says about Passive Gainz."
@@ -208,21 +120,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "How do I deposit funds?", content: "You can fund your account using our supported crypto deposit addresses, providing a secure and fast way to start your journey." },
-          id: "q1",
+        { id: "q2", title: "Is my account secure?", content: "Absolutely. We utilize high-grade encryption and automated human verification to keep your funds and identity safe." },
-          title: "How do I deposit funds?",
+        { id: "q3", title: "How is profit calculated?", content: "Profit is calculated based on your invested capital and market performance, updated daily in your dashboard." },
-          content: "You can fund your account using our supported crypto deposit addresses, providing a secure and fast way to start your journey.",
-        },
-        {
-          id: "q2",
-          title: "Is my account secure?",
-          content: "Absolutely. We utilize high-grade encryption and automated human verification to keep your funds and identity safe.",
-        },
-        {
-          id: "q3",
-          title: "How is profit calculated?",
-          content: "Profit is calculated based on your invested capital and market performance, updated daily in your dashboard.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We've got answers regarding account registration, funding, and growth."
@@ -233,9 +133,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       tag="Get Started"
       title="Start Your Investment Journey"
       description="Join Passive Gainz today. Sign up with your phone number and email to receive your verification code."
@@ -246,49 +144,13 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Passive Gainz"
       columns={[
-        {
+        { title: "Platform", items: [{ label: "About Us", href: "#about" }, { label: "Features", href: "#features" }] },
-          title: "Platform",
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] },
-          items: [
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}