Merge version_2 into main #1
179
src/app/page.tsx
179
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",
|
||||
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",
|
||||
text: "Rare Skins Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fair Play Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Auth",
|
||||
},
|
||||
{ type: "text", text: "Battle Royale Ready" },
|
||||
{ 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",
|
||||
href: "#faq",
|
||||
},
|
||||
text: "How it works", href: "#faq"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,23 +111,11 @@ 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."
|
||||
@@ -177,31 +129,13 @@ 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"
|
||||
@@ -214,14 +148,7 @@ 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."
|
||||
/>
|
||||
@@ -233,20 +160,11 @@ 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."
|
||||
@@ -255,17 +173,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Entry Portal"
|
||||
title="Join the Giveaway Now"
|
||||
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 className="flex flex-col items-center p-8 bg-card rounded-lg">
|
||||
<h2 className="text-2xl font-bold mb-4">Join the Giveaway Now</h2>
|
||||
<div className="flex flex-col gap-4 w-full max-w-sm">
|
||||
<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})} />
|
||||
<button onClick={handleAuth} className="p-2 bg-primary-cta text-primary-cta-text rounded font-bold">Authenticate & Join</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
@@ -277,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user