Merge version_1 into main #2
@@ -21,74 +21,39 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Trade",
|
||||
id: "/trade",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
]}
|
||||
brandName="Draxo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Trade", id: "/trade" },
|
||||
{ name: "Community", id: "/community" },
|
||||
]}
|
||||
brandName="Draxo"
|
||||
button={{ text: "Connect", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Who is Draxo?"
|
||||
description="Draxo is not your typical aggressive memcoin mascot. He is a shy, kind dinosaur who just wants to find his community on Solana. His journey is one of friendship, kindness, and decentralized growth."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fun-3d-cartoon-lizard-running_183364-120307.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Who is Draxo?"
|
||||
description="Draxo is not your typical aggressive memcoin mascot. He is a shy, kind dinosaur who just wants to find his community on Solana. His journey is one of friendship, kindness, and decentralized growth."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fun-3d-cartoon-lizard-running_183364-120307.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=3"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Market",
|
||||
items: [
|
||||
{
|
||||
label: "Pumpfun",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "DexScreener",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{ title: "Socials", items: [{ label: "Twitter", href: "https://twitter.com" }, { label: "Telegram", href: "#" }] },
|
||||
{ title: "Market", items: [{ label: "Pumpfun", href: "#" }, { label: "DexScreener", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -22,100 +22,53 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Trade",
|
||||
id: "/trade",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
]}
|
||||
brandName="Draxo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Trade", id: "/trade" },
|
||||
{ name: "Community", id: "/community" },
|
||||
]}
|
||||
brandName="Draxo"
|
||||
button={{ text: "Connect", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Community Voices"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "DinoFan99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-123483.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "SolTrader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118323.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Community Voices"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "DinoFan99", imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-123483.jpg" },
|
||||
{ id: "t2", name: "SolTrader", imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118323.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By"
|
||||
description="Partners supporting our journey."
|
||||
names={[
|
||||
"Solana Daily",
|
||||
"Pump.fun Friends",
|
||||
"Meme Hub",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By"
|
||||
description="Partners supporting our journey."
|
||||
names={["Solana Daily", "Pump.fun Friends", "Meme Hub"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=8"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Market",
|
||||
items: [
|
||||
{
|
||||
label: "Pumpfun",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "DexScreener",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{ title: "Socials", items: [{ label: "Twitter", href: "https://twitter.com" }, { label: "Telegram", href: "#" }] },
|
||||
{ title: "Market", items: [{ label: "Pumpfun", href: "#" }, { label: "DexScreener", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
247
src/app/page.tsx
247
src/app/page.tsx
@@ -26,173 +26,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Trade",
|
||||
id: "/trade",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
]}
|
||||
brandName="Draxo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Trade", id: "/trade" },
|
||||
{ name: "Community", id: "/community" },
|
||||
]}
|
||||
brandName="Draxo"
|
||||
button={{ text: "Connect", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Draxo Finds His Path Forward"
|
||||
description="A shy dinosaur memcoin with a kind heart, launched on pumpfun and heading toward pumpswap. Join the journey on Solana."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Draxo",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=1"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-123483.jpg",
|
||||
alt: "Community member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118323.jpg",
|
||||
alt: "Community member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-3d-dragon_23-2151139392.jpg",
|
||||
alt: "Community member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-forest-reptile-eating-snacks_23-2150991455.jpg",
|
||||
alt: "Community member 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png",
|
||||
alt: "Community member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy Draxo holders"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Draxo Finds His Path Forward"
|
||||
description="A shy dinosaur memcoin with a kind heart, launched on pumpfun and heading toward pumpswap. Join the journey on Solana."
|
||||
buttons={[{ text: "Explore Draxo", href: "#" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-123483.jpg", alt: "Community member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118323.jpg", alt: "Community member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-3d-dragon_23-2151139392.jpg", alt: "Community member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-forest-reptile-eating-snacks_23-2150991455.jpg", alt: "Community member 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png", alt: "Community member 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy Draxo holders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about Draxo? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is Draxo?",
|
||||
content: "Draxo is a community-driven memcoin on the Solana blockchain.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I buy?",
|
||||
content: "You can purchase Draxo via Pump.fun during our launch phase.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about Draxo? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "What is Draxo?", content: "Draxo is a community-driven memcoin on the Solana blockchain." },
|
||||
{ id: "f2", title: "How can I buy?", content: "You can purchase Draxo via Pump.fun during our launch phase." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Draxo by the Numbers"
|
||||
description="Our growth is powered by kindness and community."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Holders",
|
||||
description: "Shy but strong.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$5M",
|
||||
title: "Market Cap",
|
||||
description: "Targeting the moon.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Draxo by the Numbers"
|
||||
description="Our growth is powered by kindness and community."
|
||||
metrics={[
|
||||
{ id: "m1", value: "10K+", title: "Holders", description: "Shy but strong.", icon: Users },
|
||||
{ id: "m2", value: "$5M", title: "Market Cap", description: "Targeting the moon.", icon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
title="Draxo Merch"
|
||||
description="Exclusive dinosaur gear for the community."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Updates"
|
||||
title="Stay in the loop"
|
||||
description="Get the latest news about Draxo drops and community events."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Updates"
|
||||
title="Stay in the loop"
|
||||
description="Get the latest news about Draxo drops and community events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=2"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Market",
|
||||
items: [
|
||||
{
|
||||
label: "Pumpfun",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "DexScreener",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{ title: "Socials", items: [{ label: "Twitter", href: "https://twitter.com" }, { label: "Telegram", href: "#" }] },
|
||||
{ title: "Market", items: [{ label: "Pumpfun", href: "#" }, { label: "DexScreener", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -23,155 +23,78 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Trade",
|
||||
id: "/trade",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
]}
|
||||
brandName="Draxo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Trade", id: "/trade" },
|
||||
{ name: "Community", id: "/community" },
|
||||
]}
|
||||
brandName="Draxo"
|
||||
button={{ text: "Connect", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trade" data-section="trade">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Live Chart View",
|
||||
description: "Direct feed from DexScreener to track your investment in real-time.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=4",
|
||||
imageAlt: "Chart view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-lizard-running_183364-120307.jpg?_wi=2",
|
||||
imageAlt: "Trading tool",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-123483.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Market Stats",
|
||||
description: "Real-time updates on volume, liquidity, and holder counts.",
|
||||
icon: BarChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118323.jpg?_wi=1",
|
||||
imageAlt: "Volume chart",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-3d-dragon_23-2151139392.jpg",
|
||||
imageAlt: "Statistics table",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-forest-reptile-eating-snacks_23-2150991455.jpg",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Secure Trading",
|
||||
description: "Easy access to swap platforms and liquidity pools.",
|
||||
icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=5",
|
||||
imageAlt: "Swap portal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-lizard-running_183364-120307.jpg?_wi=3",
|
||||
imageAlt: "Liquidity pool details",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=6",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
]}
|
||||
title="Live Chart"
|
||||
description="Track Draxo's performance live via DexScreener."
|
||||
/>
|
||||
</div>
|
||||
<div id="trade" data-section="trade">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Live Chart View", description: "Direct feed from DexScreener to track your investment in real-time.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png", imageAlt: "Chart view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-lizard-running_183364-120307.jpg", imageAlt: "Trading tool" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Market Stats", description: "Real-time updates on volume, liquidity, and holder counts.", icon: BarChart,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118323.jpg", imageAlt: "Volume chart" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-3d-dragon_23-2151139392.jpg", imageAlt: "Statistics table" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Secure Trading", description: "Easy access to swap platforms and liquidity pools.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png", imageAlt: "Swap portal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-lizard-running_183364-120307.jpg", imageAlt: "Liquidity pool details" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Live Chart"
|
||||
description="Track Draxo's performance live via DexScreener."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Live Trading Data"
|
||||
description="Monitor the DEX action directly."
|
||||
metrics={[
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always ready to trade.",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Community always online.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Live Trading Data"
|
||||
description="Monitor the DEX action directly."
|
||||
metrics={[
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", description: "Always ready to trade.", icon: Activity },
|
||||
{ id: "m4", value: "24/7", title: "Support", description: "Community always online.", icon: Clock },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png?_wi=7"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Market",
|
||||
items: [
|
||||
{
|
||||
label: "Pumpfun",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "DexScreener",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP0jZe8MUnA2eiOemo3XmUhTYG/uploaded-1776272049140-lzstj1z3.png"
|
||||
logoText="Draxo"
|
||||
columns={[
|
||||
{ title: "Socials", items: [{ label: "Twitter", href: "https://twitter.com" }, { label: "Telegram", href: "#" }] },
|
||||
{ title: "Market", items: [{ label: "Pumpfun", href: "#" }, { label: "DexScreener", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user