Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
335
src/app/page.tsx
335
src/app/page.tsx
@@ -31,136 +31,62 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Marketplace",
|
||||
id: "#marketplace",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Marketplace", id: "#marketplace" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Support", id: "#faq" },
|
||||
]}
|
||||
brandName="ALI STORE"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Login", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="The Elite Marketplace for Digital Assets."
|
||||
description="Secure, instant, and verified. Trade rare accounts, gaming services, and digital products in the premier cyberpunk ecosystem."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Marketplace",
|
||||
href: "#marketplace",
|
||||
},
|
||||
{
|
||||
text: "Get Support",
|
||||
href: "#faq",
|
||||
},
|
||||
{ text: "Explore Marketplace", href: "#marketplace" },
|
||||
{ text: "Get Support", href: "#faq" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg"
|
||||
imageAlt="ALI STORE Marketplace Hero"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-playing-entertaining-videogame-pc-computer-desk-late-night-close-up_482257-116206.jpg",
|
||||
alt: "Gamer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419479.jpg",
|
||||
alt: "Gamer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-medium-shot_23-2149005237.jpg",
|
||||
alt: "Gamer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25916.jpg",
|
||||
alt: "Gamer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5121.jpg",
|
||||
alt: "Gamer profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-playing-entertaining-videogame-pc-computer-desk-late-night-close-up_482257-116206.jpg", alt: "Gamer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419479.jpg", alt: "Gamer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-holding-controller-medium-shot_23-2149005237.jpg", alt: "Gamer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25916.jpg", alt: "Gamer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5121.jpg", alt: "Gamer profile 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ elite gamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "INSTANT DELIVERY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 SUPPORT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "VERIFIED SELLERS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SECURE ESCROW",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CYBERPUNK READY",
|
||||
},
|
||||
{ type: "text", text: "INSTANT DELIVERY" },
|
||||
{ type: "text", text: "24/7 SUPPORT" },
|
||||
{ type: "text", text: "VERIFIED SELLERS" },
|
||||
{ type: "text", text: "SECURE ESCROW" },
|
||||
{ type: "text", text: "CYBERPUNK READY" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure Escrow",
|
||||
author: "Safety",
|
||||
description: "Guaranteed transactions with our automated secure escrow system.",
|
||||
tags: [
|
||||
"Verified",
|
||||
"Trusted",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-connectors-fast-charging-neon-ports-closeup_169016-71462.jpg",
|
||||
},
|
||||
id: "f1", title: "Secure Escrow", author: "Safety", description: "Guaranteed transactions with our automated secure escrow system.", tags: ["Verified", "Trusted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-connectors-fast-charging-neon-ports-closeup_169016-71462.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Instant Delivery",
|
||||
author: "Automation",
|
||||
description: "Get your digital assets instantly after payment confirmation.",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Instant",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-gold-textured-background-black-abstract-art_53876-128473.jpg",
|
||||
},
|
||||
id: "f2", title: "Instant Delivery", author: "Automation", description: "Get your digital assets instantly after payment confirmation.", tags: ["Speed", "Instant"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-gold-textured-background-black-abstract-art_53876-128473.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Verified Sellers",
|
||||
author: "Authenticity",
|
||||
description: "All sellers undergo strict background verification checks.",
|
||||
tags: [
|
||||
"Elite",
|
||||
"Verified",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898150.jpg",
|
||||
},
|
||||
id: "f3", title: "Verified Sellers", author: "Authenticity", description: "All sellers undergo strict background verification checks.", tags: ["Elite", "Verified"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898150.jpg"},
|
||||
]}
|
||||
title="Why ALI STORE?"
|
||||
description="Premium features engineered for power users and elite digital collectors."
|
||||
@@ -174,42 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rare Username: @ali",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-glowing-text-dark-background_23-2152033017.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Verified Instagram",
|
||||
price: "$800",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150785843.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pro Boosting Service",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204988.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fortnite Rare Skin",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599256.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Crypto Wallet Wallet",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150785840.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "YouTube Premium Channel",
|
||||
price: "$900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-creation-made-from-geometric-shapes_23-2150829239.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Rare Username: @ali", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-glowing-text-dark-background_23-2152033017.jpg" },
|
||||
{ id: "p2", name: "Verified Instagram", price: "$800", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150785843.jpg" },
|
||||
{ id: "p3", name: "Pro Boosting Service", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204988.jpg" },
|
||||
{ id: "p4", name: "Fortnite Rare Skin", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599256.jpg" },
|
||||
{ id: "p5", name: "Crypto Wallet Wallet", price: "$50", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150785840.jpg" },
|
||||
{ id: "p6", name: "YouTube Premium Channel", price: "$900", imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-creation-made-from-geometric-shapes_23-2150829239.jpg" },
|
||||
]}
|
||||
title="Trending Assets"
|
||||
description="Hand-picked marketplace assets for elite collectors."
|
||||
@@ -223,48 +119,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$0",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Free",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Standard Support",
|
||||
"Access Marketplace",
|
||||
],
|
||||
id: "basic", price: "$0", name: "Starter", buttons: [{ text: "Join Free" }],
|
||||
features: ["Standard Support", "Access Marketplace"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$49",
|
||||
name: "Elite Seller",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Lower Fees",
|
||||
"Priority Support",
|
||||
"Verification Badge",
|
||||
],
|
||||
id: "pro", price: "$49", name: "Elite Seller", buttons: [{ text: "Upgrade" }],
|
||||
features: ["Lower Fees", "Priority Support", "Verification Badge"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$199",
|
||||
name: "Pro Agency",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"API Access",
|
||||
"Custom Bot",
|
||||
"Fraud Alerts",
|
||||
],
|
||||
id: "enterprise", price: "$199", name: "Pro Agency", buttons: [{ text: "Contact Us" }],
|
||||
features: ["API Access", "Custom Bot", "Fraud Alerts"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -278,46 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "User One",
|
||||
handle: "@user1",
|
||||
testimonial: "The best marketplace experience ever. Instant delivery!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "User Two",
|
||||
handle: "@user2",
|
||||
testimonial: "Very secure, great escrow process. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-blue-background_23-2149445819.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "User Three",
|
||||
handle: "@user3",
|
||||
testimonial: "The UI/UX is truly premium. Feels like the future.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "User Four",
|
||||
handle: "@user4",
|
||||
testimonial: "Fastest support I've ever had on a platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-characterizing-painter_23-2149529892.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "User Five",
|
||||
handle: "@user5",
|
||||
testimonial: "Solid marketplace, simple and efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg",
|
||||
},
|
||||
{ id: "t1", name: "User One", handle: "@user1", testimonial: "The best marketplace experience ever. Instant delivery!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg" },
|
||||
{ id: "t2", name: "User Two", handle: "@user2", testimonial: "Very secure, great escrow process. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-blue-background_23-2149445819.jpg" },
|
||||
{ id: "t3", name: "User Three", handle: "@user3", testimonial: "The UI/UX is truly premium. Feels like the future.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg" },
|
||||
{ id: "t4", name: "User Four", handle: "@user4", testimonial: "Fastest support I've ever had on a platform.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-characterizing-painter_23-2149529892.jpg" },
|
||||
{ id: "t5", name: "User Five", handle: "@user5", testimonial: "Solid marketplace, simple and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Thousands"
|
||||
@@ -330,14 +159,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Stripe",
|
||||
"Supabase",
|
||||
"Cloudflare",
|
||||
"PostgreSQL",
|
||||
"Telegram",
|
||||
"Discord",
|
||||
"Binance",
|
||||
]}
|
||||
"Stripe", "Supabase", "Cloudflare", "PostgreSQL", "Telegram", "Discord", "Binance"]}
|
||||
title="Powered by Leaders"
|
||||
description="Infrastructure built on world-class tech standards."
|
||||
/>
|
||||
@@ -347,21 +169,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it safe?",
|
||||
content: "Yes, our escrow ensures buyer protection on every trade.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How to verify?",
|
||||
content: "Complete your profile and upload necessary docs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Payment methods?",
|
||||
content: "We support Stripe and major Crypto currencies.",
|
||||
},
|
||||
{ id: "q1", title: "Is it safe?", content: "Yes, our escrow ensures buyer protection on every trade." },
|
||||
{ id: "q2", title: "How to verify?", content: "Complete your profile and upload necessary docs." },
|
||||
{ id: "q3", title: "Payment methods?", content: "We support Stripe and major Crypto currencies." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -371,63 +181,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Support"
|
||||
title="Need Help Today?"
|
||||
description="Join our Discord for instant support or open a ticket."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Marketplace",
|
||||
items: [
|
||||
{
|
||||
label: "All Assets",
|
||||
href: "#marketplace",
|
||||
},
|
||||
{
|
||||
label: "Categories",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Account",
|
||||
items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Marketplace", items: [{ label: "All Assets", href: "#marketplace" }, { label: "Categories", href: "#" }] },
|
||||
{ title: "Account", items: [{ label: "Dashboard", href: "#" }, { label: "Support", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="ALI STORE"
|
||||
copyrightText="© 2025 ALI STORE. All Rights Reserved."
|
||||
|
||||
Reference in New Issue
Block a user