Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
475
src/app/page.tsx
475
src/app/page.tsx
@@ -29,360 +29,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Marketplace",
|
||||
id: "marketplace",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="eFootball Hub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Marketplace", id: "marketplace" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="eFootball Hub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elite eFootball Accounts"
|
||||
description="The safest, fastest, and most modern marketplace for high-level eFootball accounts. Secure trades, verified sellers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205023.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-portrait_23-2150712428.jpg",
|
||||
alt: "Gamer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-futuristic-music-robot-droid_23-2151072897.jpg",
|
||||
alt: "Gamer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178951.jpg",
|
||||
alt: "Gamer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648312.jpg",
|
||||
alt: "Gamer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-videogame_23-2149349993.jpg",
|
||||
alt: "Gamer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 15,000+ active traders"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elite eFootball Accounts"
|
||||
description="The safest, fastest, and most modern marketplace for high-level eFootball accounts. Secure trades, verified sellers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205023.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-portrait_23-2150712428.jpg", alt: "Gamer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-futuristic-music-robot-droid_23-2151072897.jpg", alt: "Gamer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178951.jpg", alt: "Gamer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648312.jpg", alt: "Gamer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-videogame_23-2149349993.jpg", alt: "Gamer 5" },
|
||||
]}
|
||||
avatarText="Join 15,000+ active traders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Marketplace Integrity"
|
||||
metrics={[
|
||||
{
|
||||
label: "Successful Trades",
|
||||
value: "15,000+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
label: "Active Sellers",
|
||||
value: "2,400+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Security Rating",
|
||||
value: "99.9%",
|
||||
icon: Shield,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Marketplace Integrity"
|
||||
metrics={[
|
||||
{ label: "Successful Trades", value: "15,000+", icon: CheckCircle },
|
||||
{ label: "Active Sellers", value: "2,400+", icon: Users },
|
||||
{ label: "Security Rating", value: "99.9%", icon: Shield },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Hidden Fees",
|
||||
"No Unverified Sellers",
|
||||
"No Wait Times",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Real-time Listings",
|
||||
"Verified Account Security",
|
||||
"Instant Support",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="We prioritize safety and speed in every transaction."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
negativeCard={{ items: ["No Hidden Fees", "No Unverified Sellers", "No Wait Times"] }}
|
||||
positiveCard={{ items: ["Real-time Listings", "Verified Account Security", "Instant Support"] }}
|
||||
title="Why Choose Us"
|
||||
description="We prioritize safety and speed in every transaction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marketplace" data-section="marketplace">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Legendary",
|
||||
name: "Elite Squad A",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827416.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Pro",
|
||||
name: "Division 1 Starter",
|
||||
price: "$85",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-looking-internet-websites-gaming-guide-mockup-phone_482257-121625.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Beginner",
|
||||
name: "Base Pack Account",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Master",
|
||||
name: "Full Iconic Squad",
|
||||
price: "$300",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/economic-analyst-uses-white-screen-layout-tablet-office_482257-92264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Expert",
|
||||
name: "Ranked Master",
|
||||
price: "$220",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-gamer-playing-intense-classic-arcade-spaceship-racing-videogame-shaking-computer-display-yelling-after-winning-african-american-man-having-burst-happiness-after-game-victory_482257-71101.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Legendary",
|
||||
name: "Max Team Value",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827421.jpg",
|
||||
},
|
||||
]}
|
||||
title="Account Marketplace"
|
||||
description="Browse our hand-picked selection of high-level eFootball accounts."
|
||||
/>
|
||||
</div>
|
||||
<div id="marketplace" data-section="marketplace">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", brand: "Legendary", name: "Elite Squad A", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827416.jpg" },
|
||||
{ id: "p2", brand: "Pro", name: "Division 1 Starter", price: "$85", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/gamer-looking-internet-websites-gaming-guide-mockup-phone_482257-121625.jpg" },
|
||||
{ id: "p3", brand: "Beginner", name: "Base Pack Account", price: "$25", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg" },
|
||||
{ id: "p4", brand: "Master", name: "Full Iconic Squad", price: "$300", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/economic-analyst-uses-white-screen-layout-tablet-office_482257-92264.jpg" },
|
||||
{ id: "p5", brand: "Expert", name: "Ranked Master", price: "$220", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-gamer-playing-intense-classic-arcade-spaceship-racing-videogame-shaking-computer-display-yelling-after-winning-african-american-man-having-burst-happiness-after-game-victory_482257-71101.jpg" },
|
||||
{ id: "p6", brand: "Legendary", name: "Max Team Value", price: "$450", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827421.jpg" },
|
||||
]}
|
||||
title="Account Marketplace"
|
||||
description="Browse our hand-picked selection of high-level eFootball accounts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Starter Access",
|
||||
price: "$9/mo",
|
||||
features: [
|
||||
"Basic Listings",
|
||||
"Standard Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro Trader",
|
||||
price: "$29/mo",
|
||||
features: [
|
||||
"Priority Listings",
|
||||
"24/7 Support",
|
||||
"Verified Badge",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Enterprise Hub",
|
||||
price: "$99/mo",
|
||||
features: [
|
||||
"API Access",
|
||||
"Dedicated Manager",
|
||||
"Auto-Sell",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Subscription Tiers"
|
||||
description="Unlock premium features like account alerts and priority support."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "starter", name: "Starter Access", price: "$9/mo", features: ["Basic Listings", "Standard Support"], buttons: [{ text: "Get Started", href: "#" }] },
|
||||
{ id: "pro", name: "Pro Trader", price: "$29/mo", features: ["Priority Listings", "24/7 Support", "Verified Badge"], buttons: [{ text: "Get Pro", href: "#" }] },
|
||||
{ id: "enterprise", name: "Enterprise Hub", price: "$99/mo", features: ["API Access", "Dedicated Manager", "Auto-Sell"], buttons: [{ text: "Contact Sales", href: "#" }] },
|
||||
]}
|
||||
title="Subscription Tiers"
|
||||
description="Unlock premium features like account alerts and priority support."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Pro Player",
|
||||
testimonial: "I bought my dream squad here in minutes. Extremely secure!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-with-headphones-surprised_141793-37324.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam K.",
|
||||
role: "Content Creator",
|
||||
testimonial: "Lightning fast transactions and great support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mia T.",
|
||||
role: "Casual Gamer",
|
||||
testimonial: "Easy to use interface, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16043.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John D.",
|
||||
role: "Trader",
|
||||
testimonial: "The best platform for eFootball accounts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
role: "Competitor",
|
||||
testimonial: "Very professional service and reliable sellers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-bearded-tattoed-male-with-stylish-haircut-wearing-black-sportswear-isolated-dark-background_613910-21126.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Trusted by thousands of gamers globally."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", role: "Pro Player", testimonial: "I bought my dream squad here in minutes. Extremely secure!", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-with-headphones-surprised_141793-37324.jpg" },
|
||||
{ id: "2", name: "Sam K.", role: "Content Creator", testimonial: "Lightning fast transactions and great support.", imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg" },
|
||||
{ id: "3", name: "Mia T.", role: "Casual Gamer", testimonial: "Easy to use interface, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16043.jpg" },
|
||||
{ id: "4", name: "John D.", role: "Trader", testimonial: "The best platform for eFootball accounts.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg" },
|
||||
{ id: "5", name: "Chris B.", role: "Competitor", testimonial: "Very professional service and reliable sellers.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-bearded-tattoed-male-with-stylish-haircut-wearing-black-sportswear-isolated-dark-background_613910-21126.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Trusted by thousands of gamers globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I list an account?",
|
||||
content: "Just click the 'Sell Account' button and follow the simple form.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my payment secure?",
|
||||
content: "Yes, all payments are processed through secure gateways.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a trade take?",
|
||||
content: "Most transactions are completed within 5-10 minutes.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I list an account?", content: "Just click the 'Sell Account' button and follow the simple form." },
|
||||
{ id: "f2", title: "Is my payment secure?", content: "Yes, all payments are processed through secure gateways." },
|
||||
{ id: "f3", title: "How long does a trade take?", content: "Most transactions are completed within 5-10 minutes." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to trade your account? Start today and join our community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Login / Register",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to trade your account? Start today and join our community."
|
||||
buttons={[{ text: "Login / Register", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Marketplace",
|
||||
items: [
|
||||
{
|
||||
label: "Browse",
|
||||
href: "#marketplace",
|
||||
},
|
||||
{
|
||||
label: "Sell",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="eFootball Hub"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Marketplace", items: [{ label: "Browse", href: "#marketplace" }, { label: "Sell", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
logoText="eFootball Hub"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user