Merge version_2 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -10,6 +10,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Withdraw", id: "withdraw"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BTCGen"
|
||||
/>
|
||||
@@ -54,98 +47,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Generate Bitcoin on Demand"
|
||||
description="The world's most advanced automated mining platform. Secure, fast, and ready to deposit into your wallet."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@alex",
|
||||
testimonial: "Increased my mining yields by 40% instantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg?_wi=1",
|
||||
imageAlt: "bitcoin mining futuristic tech",
|
||||
},
|
||||
name: "Alex Rivet", handle: "@alex", testimonial: "Increased my mining yields by 40% instantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg?_wi=1", imageAlt: "bitcoin mining futuristic tech"},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "The withdrawal process is seamless. Amazing tech.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg?_wi=1",
|
||||
imageAlt: "digital security vault tech",
|
||||
},
|
||||
name: "Sam K.", handle: "@samk", testimonial: "The withdrawal process is seamless. Amazing tech.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg?_wi=1", imageAlt: "digital security vault tech"},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@jane",
|
||||
testimonial: "Legitimate tools for serious crypto enthusiasts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139397.jpg?_wi=1",
|
||||
imageAlt: "fast transaction speed tech",
|
||||
},
|
||||
name: "Jane Doe", handle: "@jane", testimonial: "Legitimate tools for serious crypto enthusiasts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139397.jpg?_wi=1", imageAlt: "fast transaction speed tech"},
|
||||
{
|
||||
name: "Mike J.",
|
||||
handle: "@mikej",
|
||||
testimonial: "Fastest dashboard I have used in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=1",
|
||||
imageAlt: "global network nodes digital",
|
||||
},
|
||||
name: "Mike J.", handle: "@mikej", testimonial: "Fastest dashboard I have used in years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=1", imageAlt: "global network nodes digital"},
|
||||
{
|
||||
name: "Sarah W.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Customer support is top notch and the bot works.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-data-center-providing-cloud-services-enabling-businesses-access-computing-resources-storage-demand-internet-server-room-infrastructure-3d-render-animation_482257-65963.jpg?_wi=1",
|
||||
imageAlt: "modern server room tech",
|
||||
},
|
||||
name: "Sarah W.", handle: "@sarah", testimonial: "Customer support is top notch and the bot works.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-data-center-providing-cloud-services-enabling-businesses-access-computing-resources-storage-demand-internet-server-room-infrastructure-3d-render-animation_482257-65963.jpg?_wi=1", imageAlt: "modern server room tech"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ miners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "BTC Mining Active",
|
||||
},
|
||||
type: "text", text: "BTC Mining Active"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Security",
|
||||
},
|
||||
type: "text", text: "24/7 Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Withdrawal",
|
||||
},
|
||||
type: "text", text: "Instant Withdrawal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Low Latency",
|
||||
},
|
||||
type: "text", text: "Low Latency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Uptime",
|
||||
},
|
||||
type: "text", text: "Global Uptime"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,44 +104,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Secure Vaults",
|
||||
author: "BTCGen",
|
||||
description: "Military grade encryption for all your generated assets.",
|
||||
tags: [
|
||||
"Security",
|
||||
"Tech",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Secure Vaults", author: "BTCGen", description: "Military grade encryption for all your generated assets.", tags: [
|
||||
"Security", "Tech"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Rapid Transactions",
|
||||
author: "BTCGen",
|
||||
description: "Withdraw your earnings instantly with zero latency.",
|
||||
tags: [
|
||||
"Fast",
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139397.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Rapid Transactions", author: "BTCGen", description: "Withdraw your earnings instantly with zero latency.", tags: [
|
||||
"Fast", "Speed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139397.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Global Nodes",
|
||||
author: "BTCGen",
|
||||
description: "Distributed network ensure 99.9% uptime for your bot.",
|
||||
tags: [
|
||||
"Global",
|
||||
"Nodes",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Global Nodes", author: "BTCGen", description: "Distributed network ensure 99.9% uptime for your bot.", tags: [
|
||||
"Global", "Nodes"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=2"},
|
||||
]}
|
||||
title="Advanced Mining Infrastructure"
|
||||
description="Leveraging AI-driven algorithms to maximize your mining efficiency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="withdraw" data-section="withdraw">
|
||||
<ContactCenter
|
||||
title="Withdraw Earnings"
|
||||
description="Select your payment method and input your wallet details to process your withdrawal request. View your transaction history below."
|
||||
tag="Financial"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter wallet address"
|
||||
buttonText="Request Withdrawal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
@@ -202,31 +140,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15.4 TH/s",
|
||||
title: "Current Hashrate",
|
||||
items: [
|
||||
"High efficiency",
|
||||
"Optimal power usage",
|
||||
],
|
||||
id: "m1", value: "15.4 TH/s", title: "Current Hashrate", items: [
|
||||
"High efficiency", "Optimal power usage"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Network Uptime",
|
||||
items: [
|
||||
"Always active",
|
||||
"Zero downtime",
|
||||
],
|
||||
id: "m2", value: "99.9%", title: "Network Uptime", items: [
|
||||
"Always active", "Zero downtime"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Growing community",
|
||||
"Trustworthy platform",
|
||||
],
|
||||
id: "m3", value: "5k+", title: "Active Users", items: [
|
||||
"Growing community", "Trustworthy platform"],
|
||||
},
|
||||
]}
|
||||
title="Platform Performance"
|
||||
@@ -240,50 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Game Changer",
|
||||
quote: "Finally a generator that works as advertised.",
|
||||
name: "Mark D.",
|
||||
role: "Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg?_wi=3",
|
||||
imageAlt: "bitcoin mining futuristic tech",
|
||||
},
|
||||
id: "t1", title: "Game Changer", quote: "Finally a generator that works as advertised.", name: "Mark D.", role: "Trader", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg?_wi=3", imageAlt: "bitcoin mining futuristic tech"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Incredible Speed",
|
||||
quote: "Withdrawals land in my wallet within seconds.",
|
||||
name: "Anna S.",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg?_wi=3",
|
||||
imageAlt: "digital security vault tech",
|
||||
},
|
||||
id: "t2", title: "Incredible Speed", quote: "Withdrawals land in my wallet within seconds.", name: "Anna S.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg?_wi=3", imageAlt: "digital security vault tech"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Very Simple UI",
|
||||
quote: "I'm not tech savvy but this makes it easy.",
|
||||
name: "Bob V.",
|
||||
role: "Hobbyist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139397.jpg?_wi=3",
|
||||
imageAlt: "fast transaction speed tech",
|
||||
},
|
||||
id: "t3", title: "Very Simple UI", quote: "I'm not tech savvy but this makes it easy.", name: "Bob V.", role: "Hobbyist", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139397.jpg?_wi=3", imageAlt: "fast transaction speed tech"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Professional Grade",
|
||||
quote: "Robust backend architecture is obvious here.",
|
||||
name: "Chris B.",
|
||||
role: "Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=3",
|
||||
imageAlt: "global network nodes digital",
|
||||
},
|
||||
id: "t4", title: "Professional Grade", quote: "Robust backend architecture is obvious here.", name: "Chris B.", role: "Dev", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=3", imageAlt: "global network nodes digital"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Consistent Gains",
|
||||
quote: "Steady mining results every single day.",
|
||||
name: "Lisa K.",
|
||||
role: "Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-data-center-providing-cloud-services-enabling-businesses-access-computing-resources-storage-demand-internet-server-room-infrastructure-3d-render-animation_482257-65963.jpg?_wi=2",
|
||||
imageAlt: "modern server room tech",
|
||||
},
|
||||
id: "t5", title: "Consistent Gains", quote: "Steady mining results every single day.", name: "Lisa K.", role: "Trader", imageSrc: "http://img.b2bpic.net/free-photo/modern-data-center-providing-cloud-services-enabling-businesses-access-computing-resources-storage-demand-internet-server-room-infrastructure-3d-render-animation_482257-65963.jpg?_wi=2", imageAlt: "modern server room tech"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="See why traders trust our automated solutions."
|
||||
@@ -296,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is this safe?",
|
||||
content: "Yes, we use industry standard encryption.",
|
||||
},
|
||||
id: "f1", title: "Is this safe?", content: "Yes, we use industry standard encryption."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to withdraw?",
|
||||
content: "Just enter your wallet address in the dashboard.",
|
||||
},
|
||||
id: "f2", title: "How to withdraw?", content: "Just enter your wallet address in the dashboard."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there a fee?",
|
||||
content: "Minimal network fee for gas.",
|
||||
},
|
||||
id: "f3", title: "Is there a fee?", content: "Minimal network fee for gas."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our mining bot."
|
||||
@@ -326,22 +205,14 @@ export default function LandingPage() {
|
||||
description="Send us your details to activate your mining account today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Wallet Address",
|
||||
rows: 3,
|
||||
name: "message", placeholder: "Wallet Address", rows: 3,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-data-center-providing-cloud-services-enabling-businesses-access-computing-resources-storage-demand-internet-server-room-infrastructure-3d-render-animation_482257-65963.jpg?_wi=3"
|
||||
@@ -353,29 +224,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -385,4 +246,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user