Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -11,16 +11,8 @@ 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"
@@ -39,57 +31,99 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "hero"},
+          name: "Home",
+          id: "hero",
+        },
         {
-          name: "Giveaway",          id: "contact"},
+          name: "Giveaway",
+          id: "contact",
+        },
         {
-          name: "FAQ",          id: "faq"},
+          name: "FAQ",
+          id: "faq",
+        },
       ]}
       brandName="PUBG Giveaways"
       button={{
-        text: "Join Giveaway",        href: "#contact"}}
+        text: "Join Giveaway",
+        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+",          label: "Active Players"},
+          value: "5K+",
+          label: "Active Players",
+        },
         {
-          value: "100+",          label: "Crates Given"},
+          value: "100+",
+          label: "Crates Given",
+        },
         {
-          value: "4.9/5",          label: "Trust Score"},
+          value: "4.9/5",
+          label: "Trust Score",
+        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Enter Giveaway",          href: "#contact"},
+          text: "Enter Giveaway",
+          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",          alt: "Gamer 1"},
+          src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136805.jpg",
+          alt: "Gamer 1",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2020.jpg",          alt: "Gamer 2"},
+          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2020.jpg",
+          alt: "Gamer 2",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2022.jpg",          alt: "Gamer 3"},
+          src: "http://img.b2bpic.net/free-photo/professional-esports-gamer-back-side-view-rejoices-victory-generative-ai_191095-2022.jpg",
+          alt: "Gamer 3",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/cyber-monday-exclusive-sales_23-2152027068.jpg",          alt: "Gamer 4"},
+          src: "http://img.b2bpic.net/free-photo/cyber-monday-exclusive-sales_23-2152027068.jpg",
+          alt: "Gamer 4",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/back-view-man-winning-videogame_23-2149350002.jpg",          alt: "Gamer 5"},
+          src: "http://img.b2bpic.net/free-photo/back-view-man-winning-videogame_23-2149350002.jpg",
+          alt: "Gamer 5",
+        },
       ]}
       marqueeItems={[
-        { type: "text", text: "Battle Royale Ready" },
+        {
-        { type: "text", text: "Verified Winners" },
+          type: "text",
-        { type: "text", text: "Rare Skins Daily" },
+          text: "Battle Royale Ready",
-        { 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>
@@ -100,7 +134,9 @@ export default function LandingPage() {
       title="Your Next Rare Skin Awaits"
       buttons={[
         {
-          text: "How it works",          href: "#faq"},
+          text: "How it works",
+          href: "#faq",
+        },
       ]}
     />
   </div>
@@ -111,11 +147,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          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"},
+          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",
+        },
         {
-          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"},
+          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",
+        },
         {
-          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"},
+          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",
+        },
       ]}
       title="Why Join Our Giveaway?"
       description="We prioritize community, security, and epic rewards for all our participants."
@@ -129,13 +177,31 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",          value: "10K",          title: "Total Entries",          items: ["Verified Users", "Instant Updates"],
+          id: "m1",
+          value: "10K",
+          title: "Total Entries",
+          items: [
+            "Verified Users",
+            "Instant Updates",
+          ],
         },
         {
-          id: "m2",          value: "500+",          title: "Winners Announced",          items: ["Rare Items", "Daily Draws"],
+          id: "m2",
+          value: "500+",
+          title: "Winners Announced",
+          items: [
+            "Rare Items",
+            "Daily Draws",
+          ],
         },
         {
-          id: "m3",          value: "24/7",          title: "Global Support",          items: ["Live Chat", "Ticket System"],
+          id: "m3",
+          value: "24/7",
+          title: "Global Support",
+          items: [
+            "Live Chat",
+            "Ticket System",
+          ],
         },
       ]}
       title="Community Impact"
@@ -148,7 +214,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "PUBG Corp",        "Twitch",        "Discord",        "Steam",        "Krafton",        "Epic Games",        "NVIDIA"]}
+        "PUBG Corp",
+        "Twitch",
+        "Discord",
+        "Steam",
+        "Krafton",
+        "Epic Games",
+        "NVIDIA",
+      ]}
       title="Supported Platforms & Partners"
       description="Our giveaways are powered by trust and gaming leaders."
     />
@@ -160,11 +233,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",          title: "Is my account safe?",          content: "Yes, we use secure Gmail authentication and never store your passwords."},
+          id: "f1",
+          title: "Is my account safe?",
+          content: "Yes, we use secure Gmail authentication and never store your passwords.",
+        },
         {
-          id: "f2",          title: "How are winners picked?",          content: "Winners are chosen using a cryptographically random algorithm to ensure 100% fairness."},
+          id: "f2",
+          title: "How are winners picked?",
+          content: "Winners are chosen using a cryptographically random algorithm to ensure 100% fairness.",
+        },
         {
-          id: "f3",          title: "Can I enter multiple times?",          content: "Entries are limited per unique account to keep the odds fair for everyone."},
+          id: "f3",
+          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."
@@ -173,14 +255,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <div className="flex flex-col items-center p-8 bg-card rounded-lg">
+      <ContactCenter
-        <h2 className="text-2xl font-bold mb-4">Join the Giveaway Now</h2>
+      useInvertedBackground={false}
-        <div className="flex flex-col gap-4 w-full max-w-sm">
+      background={{
-           <input type="email" placeholder="Enter your Gmail" className="p-2 border rounded" onChange={(e) => setFormData({...formData, email: e.target.value})} />
+        variant: "sparkles-gradient",
-           <input type="password" placeholder="Enter your Password" className="p-2 border rounded" onChange={(e) => setFormData({...formData, password: e.target.value})} />
+      }}
-           <button onClick={handleAuth} className="p-2 bg-primary-cta text-primary-cta-text rounded font-bold">Authenticate & Join</button>
+      tag="Entry Portal"
-        </div>
+      title="Join the Giveaway Now"
-      </div>
+      description="Sign in with your Gmail and password to register your entry. Winners will be contacted via email."
+      inputPlaceholder="Enter your Gmail"
+      buttonText="Authenticate & Join"
+    />
   </div>
 
   <div id="footer" data-section="footer">
@@ -192,4 +277,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}