From 963760fe72678e861536a903b667a74ad4846258 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 16:55:05 +0000
Subject: [PATCH 1/4] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 97 ++++++++++++++----------------------------
 1 file changed, 31 insertions(+), 66 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index fd00685..d6a0499 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From b0aff43cfadf5815d5980df0ae283826ead5403e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 16:55:06 +0000
Subject: [PATCH 2/4] Update src/app/community/page.tsx

---
 src/app/community/page.tsx | 135 ++++++++++++-------------------------
 1 file changed, 44 insertions(+), 91 deletions(-)

diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx
index 8a259c7..fccbc5b 100644
--- a/src/app/community/page.tsx
+++ b/src/app/community/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From a436dde204a4a6e30cd0f6ea890964785fb1812b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 16:55:06 +0000
Subject: [PATCH 3/4] Update src/app/page.tsx

---
 src/app/page.tsx | 247 +++++++++++++++++------------------------------
 1 file changed, 86 insertions(+), 161 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 71efabb..a77649c 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 08a929c6d78690d04de9684022fe82a01ec9d7a6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 16:55:07 +0000
Subject: [PATCH 4/4] Update src/app/trade/page.tsx

---
 src/app/trade/page.tsx | 215 +++++++++++++----------------------------
 1 file changed, 69 insertions(+), 146 deletions(-)

diff --git a/src/app/trade/page.tsx b/src/app/trade/page.tsx
index e17ac67..c1facc0 100644
--- a/src/app/trade/page.tsx
+++ b/src/app/trade/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1