import React, { useState } from “react”; import { motion } from “framer-motion”; import { Flame, Mail, Trophy, Upload, Laugh, Skull, Vote, ShoppingBag, ChevronRight, ShieldAlert, Camera, Zap } from “lucide-react”; import { Card, CardContent } from “@/components/ui/card”; import { Button } from “@/components/ui/button”;

const articles = [ { tag: “Hall of Fame”, title: “Man Attempts to Fix Toilet With Expanding Foam. Neighborhood Suffers.”, excerpt: “A bold plumbing strategy, a can-do attitude, and one bathroom that will never emotionally recover.”, }, { tag: “Marketplace Madness”, title: “Guy Trades Running Car for ‘Haunted’ Jet Ski and Three Swords”, excerpt: “Financial experts are calling it: technically a transaction.”, }, { tag: “Relationship Court”, title: “Woman Discovers Boyfriend’s ‘Side Business’ Is Just Losing Money on Beanie Babies”, excerpt: “He called it investing. The garage called it a cry for help.”, }, { tag: “Bad DIY”, title: “Dad Builds Backyard Zipline Using Extension Cord and Confidence”, excerpt: “The good news: gravity worked exactly as advertised.”, }, ];

const leaderboard = [ “Worst Tattoo Decision”, “Most Unnecessary Facebook Marketplace Trade”, “Worst Home Repair Attempt”, “Most Confidently Wrong Person Online”, “Bad Idea of the Week”, ];

const emails = [ “submissions@drugbadly.com”, “tips@drugbadly.com”, “collabs@drugbadly.com”, “media@drugbadly.com”, “merch@drugbadly.com”, ];

export default function DrugBadlyHomepage() { const [vote, setVote] = useState(null);

return (

DrugBadly

Bad decisions. Great content.

The Internet’s Funniest Bad Decisions

Humanity keeps making terrible choices.
We keep receipts.

DrugBadly is a viral humor site for bad DIY projects, cursed marketplace listings, questionable relationship logic, internet fails, and real-life decisions that deserve their own warning label.

No medical advice. No illegal advice. Just comedy, chaos, and poor judgment with better branding.

Breaking Bad Decisions

{articles.slice(0, 3).map((article, index) => (

{article.tag}
#{index + 1}

{article.title}

{article.excerpt}

))}

Latest Bad Decisions

Fresh from the fail factory

Launch this section with funny short articles, meme captions, screenshots, and user-submitted stories. The goal is easy-to-share content.

{articles.map((article) => (

{article.tag}

{article.title}

{article.excerpt}

))}

Weekly Rankings

The Bad Decisions Hall of Fame

Rank the internet’s worst choices every week. This gives the site recurring content, easy social posts, and reasons for visitors to come back.

{leaderboard.map((item, index) => (

{index + 1}

{item}

))}

Interactive Poll

Would you trade your car for a haunted jet ski?

Vote now. Defend yourself later.

{[“Absolutely”, “Only if it has Bluetooth”, “I need to speak to my lawyer”].map((option) => (

))}

{vote &&

Your vote: {vote}. The committee is concerned.

}

Brand-safe chaos

The site can be edgy without promoting drugs, crime, violence, or dangerous behavior. That matters for ads, affiliates, and long-term monetization.

User Submissions

Send us your worst idea.

This is the low-work content engine. Visitors submit screenshots, stories, marketplace finds, bad tattoos, cursed repairs, and “you won’t believe this” moments.

{emails.map((email) => (

{email}

))}

Submission Form Preview

<br />
              <Button className="w-full rounded-2xl bg-lime-400 py-6 text-base font-black text-zinc-950 hover:bg-lime-300"><Camera className="mr-2 h-5 w-5" /> Submit for Review</Button>
            </div>
<p>          </CardContent><br />
        </Card>
      </div>
</section>
<section id="merch" className="mx-auto max-w-7xl px-5 py-18 md:py-24">
<div className="grid gap-8 md:grid-cols-[1fr_1fr]">
<div>
<div className="mb-3 flex items-center gap-2 text-sm font-black uppercase tracking-[0.2em] text-lime-300"><ShoppingBag className="h-4 w-4" /> Merch Ideas</div>
<h2 className="text-4xl font-black tracking-tight md:text-5xl">Sell the joke after they share the joke.</h2>
<p className="mt-5 text-lg leading-8 text-zinc-400">Print-on-demand merch can start simple: shirts, stickers, hats, mugs, and “certificates” for certified bad decisions.</p>
</p></div>
<div className="grid gap-4 sm:grid-cols-2">
          {[“DrugBadly Certified”, “I Had A Better Idea Yesterday”, “Professionally Unqualified”, “This Was Not OSHA Approved”].map((item) => (</p>
<div key={item} className="rounded-3xl border border-white/10 bg-white/[0.04] p-6">
              <Zap className="mb-4 h-7 w-7 text-lime-300" /></p>
<div className="text-xl font-black">{item}</div>
</p></div>
<p>          ))}
        </p></div>
</p></div>
</section>
<section className="border-t border-white/10 bg-lime-400 text-zinc-950">
<div className="mx-auto grid max-w-7xl gap-8 px-5 py-14 md:grid-cols-[1fr_auto] md:items-center">
<div>
<h2 className="text-4xl font-black tracking-tight">Get the weekly bad decision report.</h2>
<p className="mt-3 text-lg font-semibold text-zinc-800">A newsletter full of terrible choices, funny rankings, and stories your group chat deserves.</p>
</p></div>
<div className="flex w-full flex-col gap-3 sm:flex-row md:w-auto">
          <input className="min-w-72 rounded-2xl border-2 border-zinc-950 bg-lime-100 px-5 py-4 font-bold outline-none placeholder:text-zinc-600" placeholder="email@example.com" /><br />
          <Button className="rounded-2xl bg-zinc-950 px-7 py-6 font-black text-lime-300 hover:bg-zinc-900">Subscribe</Button>
        </div>
</p></div>
</section>
<p>  </main></p>
<footer className="mx-auto max-w-7xl px-5 py-10 text-sm text-zinc-500">
<div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
<div>© 2026 DrugBadly.com — Comedy site. Bad decisions documented, not recommended.</div>
<div className="flex gap-5">
        <a className="hover:text-lime-300" href="#">Privacy</a><br />
        <a className="hover:text-lime-300" href="#">Terms</a><br />
        <a className="hover:text-lime-300" href="#submit">Submit</a>
      </div>
</p></div>
</footer>
</div>
<p>); }</p>

</div>

</article>

</main>
			
		
	</div>

</div> 
	</div>
<footer
class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon">
			<div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-below-section-1 site-footer-section site-footer-section-1">
								<div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder">
				<div class="ast-footer-copyright"><p>Copyright © 2026 Drug Badly | Powered by <a href="https://wpastra.com" rel="nofollow noopener" target="_blank">Astra WordPress Theme</a></p>
</div>			</div>
						</div>
										</div>
			</div>

</div>
	</footer>
	</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both">
	<span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>	<span class="screen-reader-text">Scroll to Top</span>
</div>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script id="astra-theme-js-js-extra">
var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""};
//# sourceURL=astra-theme-js-js-extra
</script>
<script src="https://drugbadly.com/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.13.2" id="astra-theme-js-js"></script>
			<script>
			/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
			</script>
			<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://drugbadly.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://drugbadly.com/wp-includes/js/wp-emoji-loader.min.js
</script>
	</body>
</html>

Humanity keeps making terrible choices. We keep receipts.

{article.title}

Fresh from the fail factory

{article.title}

The Bad Decisions Hall of Fame

Would you trade your car for a haunted jet ski?

Brand-safe chaos

Send us your worst idea.

Submission Form Preview

Humanity keeps making terrible choices.
We keep receipts.