From 369d43547309a5a792b04772507bf4b7c0322f43 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 9 Mar 2026 21:50:48 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 90 +++++++++++++++++++++++++++--------------------- 1 file changed, 51 insertions(+), 39 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index fc0b1ba..2d7107e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -74,11 +74,14 @@ export default function LandingPage() { tagIcon={Frown} products={[ { - id: "1", name: "Radioactive Goo Supreme", price: "$29.99", variant: "Neon Green Glowing in Dark", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-girl-has-braids-clenches-teeth-dressed-fashionable-clothes-belongs-certain-youth-subculture-holds-aerosol-sprays-enjoys-spending-free-time-street-looks-with-cheeky-expression_273609-47532.jpg?_wi=1", imageAlt: "Radioactive liquid in awkward bottle"}, + id: "1", name: "Radioactive Goo Supreme", price: "$29.99", variant: "Neon Green Glowing in Dark", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-girl-has-braids-clenches-teeth-dressed-fashionable-clothes-belongs-certain-youth-subculture-holds-aerosol-sprays-enjoys-spending-free-time-street-looks-with-cheeky-expression_273609-47532.jpg", imageAlt: "Radioactive liquid in awkward bottle" + }, { - id: "2", name: "Murky Swamp Juice", price: "$34.99", variant: "Brown Sludge Questionable Origin", imageSrc: "http://img.b2bpic.net/free-photo/closeup-alcohol-drink-shots-table-sunlight-with-blurry-background_181624-32670.jpg?_wi=1", imageAlt: "Brown muddy beverage in terrible packaging"}, + id: "2", name: "Murky Swamp Juice", price: "$34.99", variant: "Brown Sludge Questionable Origin", imageSrc: "http://img.b2bpic.net/free-photo/closeup-alcohol-drink-shots-table-sunlight-with-blurry-background_181624-32670.jpg", imageAlt: "Brown muddy beverage in terrible packaging" + }, { - id: "3", name: "Volcanic Acid Elixir", price: "$39.99", variant: "Crimson Red Slightly Burning", imageSrc: "http://img.b2bpic.net/free-photo/young-man-halloween-cloak-posing-studio-with-beverage_23-2147908508.jpg?_wi=1", imageAlt: "Red explosive looking potion bottle"}, + id: "3", name: "Volcanic Acid Elixir", price: "$39.99", variant: "Crimson Red Slightly Burning", imageSrc: "http://img.b2bpic.net/free-photo/young-man-halloween-cloak-posing-studio-with-beverage_23-2147908508.jpg", imageAlt: "Red explosive looking potion bottle" + }, ]} textboxLayout="default" gridVariant="uniform-all-items-equal" @@ -86,8 +89,6 @@ export default function LandingPage() { useInvertedBackground={false} buttons={[{ text: "VIEW ALL HORRORS", href: "#contact" }]} containerClassName="py-32" - titleClassName="text-5xl font-bold text-center mb-4" - descriptionClassName="text-center text-lg mb-12 max-w-xl mx-auto" cardClassName="transform -rotate-3 hover:rotate-6 transition-transform" cardNameClassName="text-xl font-bold text-foreground line-clamp-2" cardPriceClassName="text-2xl font-bold text-primary-cta" @@ -104,19 +105,20 @@ export default function LandingPage() { features={[ { id: 1, - title: "Extreme Miscolor Selection", description: "We carefully choose colors that clash violently with each other and standard taste palettes.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-blue-particles-texture-background_1017-20137.jpg", imageAlt: "Chaotic color patterns"}, + title: "Extreme Miscolor Selection", description: "We carefully choose colors that clash violently with each other and standard taste palettes.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-blue-particles-texture-background_1017-20137.jpg", imageAlt: "Chaotic color patterns" + }, { id: 2, - title: "Flavor Accident Blending", description: "Throw incompatible ingredients together and hope nothing explodes. Sometimes it does anyway.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-seamless-pattern-with-little-rectangular-confetti-shredded-from-colorful-paper-sheets-realistic_98292-7653.jpg", imageAlt: "Tangled confused mixing"}, + title: "Flavor Accident Blending", description: "Throw incompatible ingredients together and hope nothing explodes. Sometimes it does anyway.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-seamless-pattern-with-little-rectangular-confetti-shredded-from-colorful-paper-sheets-realistic_98292-7653.jpg", imageAlt: "Tangled confused mixing" + }, { id: 3, - title: "Packaging Nightmare Design", description: "Create bottles that are structurally unsound and visually offensive to look at.", imageSrc: "http://img.b2bpic.net/free-photo/damaged-glass-texture_23-2149428059.jpg", imageAlt: "Broken fractured design"}, + title: "Packaging Nightmare Design", description: "Create bottles that are structurally unsound and visually offensive to look at.", imageSrc: "http://img.b2bpic.net/free-photo/damaged-glass-texture_23-2149428059.jpg", imageAlt: "Broken fractured design" + }, ]} textboxLayout="default" useInvertedBackground={true} containerClassName="py-32" - titleClassName="text-5xl font-bold mb-4" - descriptionClassName="text-lg mb-12 max-w-2xl" cardTitleClassName="text-2xl font-bold mb-3" cardDescriptionClassName="text-base leading-relaxed mb-4" /> @@ -130,27 +132,28 @@ export default function LandingPage() { tagIcon={DollarSign} plans={[ { - id: "basic", title: "Barely Drinkable", price: "$19.99", period: "/bottle", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-girl-has-braids-clenches-teeth-dressed-fashionable-clothes-belongs-certain-youth-subculture-holds-aerosol-sprays-enjoys-spending-free-time-street-looks-with-cheeky-expression_273609-47532.jpg?_wi=2", imageAlt: "Basic terrible drink", button: { text: "BUY THIS MISTAKE", href: "#contact" }, + id: "basic", title: "Barely Drinkable", price: "$19.99", period: "/bottle", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-girl-has-braids-clenches-teeth-dressed-fashionable-clothes-belongs-certain-youth-subculture-holds-aerosol-sprays-enjoys-spending-free-time-street-looks-with-cheeky-expression_273609-47532.jpg", imageAlt: "Basic terrible drink", button: { text: "BUY THIS MISTAKE", href: "#contact" }, features: [ - "One bottle of questionable liquid", "Guaranteed regret", "No refunds policy"], + "One bottle of questionable liquid", "Guaranteed regret", "No refunds policy" + ], }, { - id: "pro", title: "Commitment to Chaos", price: "$99.99", period: "/6 pack", imageSrc: "http://img.b2bpic.net/free-photo/closeup-alcohol-drink-shots-table-sunlight-with-blurry-background_181624-32670.jpg?_wi=2", imageAlt: "Pro chaos package", button: { text: "EMBRACE DARKNESS", href: "#contact" }, + id: "pro", title: "Commitment to Chaos", price: "$99.99", period: "/6 pack", imageSrc: "http://img.b2bpic.net/free-photo/closeup-alcohol-drink-shots-table-sunlight-with-blurry-background_181624-32670.jpg", imageAlt: "Pro chaos package", button: { text: "EMBRACE DARKNESS", href: "#contact" }, features: [ - "Six bottles of pure nightmare", "Free shipping of regret", "Lifetime of questioning"], + "Six bottles of pure nightmare", "Free shipping of regret", "Lifetime of questioning" + ], }, { - id: "enterprise", title: "Complete Disaster", price: "$499.99", period: "/case", imageSrc: "http://img.b2bpic.net/free-photo/young-man-halloween-cloak-posing-studio-with-beverage_23-2147908508.jpg?_wi=2", imageAlt: "Enterprise level failure", button: { text: "GO ALL IN", href: "#contact" }, + id: "enterprise", title: "Complete Disaster", price: "$499.99", period: "/case", imageSrc: "http://img.b2bpic.net/free-photo/young-man-halloween-cloak-posing-studio-with-beverage_23-2147908508.jpg", imageAlt: "Enterprise level failure", button: { text: "GO ALL IN", href: "#contact" }, features: [ - "24 bottles of pure suffering", "Priority regret support", "Therapy vouchers included"], + "24 bottles of pure suffering", "Priority regret support", "Therapy vouchers included" + ], }, ]} animationType="blur-reveal" textboxLayout="split" useInvertedBackground={false} containerClassName="py-32" - titleClassName="text-5xl font-bold mb-4" - descriptionClassName="text-lg mb-12 max-w-2xl" planTitleClassName="text-2xl font-bold" planPriceClassName="text-4xl font-bold text-primary-cta my-4" /> @@ -164,20 +167,22 @@ export default function LandingPage() { tagIcon={AlertCircle} team={[ { - id: "1", name: "Gerald Badtaste", role: "Chief Chaos Officer", imageSrc: "http://img.b2bpic.net/free-photo/playful-female-costumed-carnival-party_23-2148412810.jpg", imageAlt: "Gerald looking confused"}, + id: "1", name: "Gerald Badtaste", role: "Chief Chaos Officer", imageSrc: "http://img.b2bpic.net/free-photo/playful-female-costumed-carnival-party_23-2148412810.jpg", imageAlt: "Gerald looking confused" + }, { - id: "2", name: "Patricia Disaster", role: "VP of Ugly Design", imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-bearded-man_176420-32303.jpg", imageAlt: "Patricia looking distressed"}, + id: "2", name: "Patricia Disaster", role: "VP of Ugly Design", imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-bearded-man_176420-32303.jpg", imageAlt: "Patricia looking distressed" + }, { - id: "3", name: "Marcus Mayhem", role: "Director of Regret", imageSrc: "http://img.b2bpic.net/free-photo/young-male-cook-blue-apron-shirt_176474-49607.jpg", imageAlt: "Marcus looking alarmed"}, + id: "3", name: "Marcus Mayhem", role: "Director of Regret", imageSrc: "http://img.b2bpic.net/free-photo/young-male-cook-blue-apron-shirt_176474-49607.jpg", imageAlt: "Marcus looking alarmed" + }, { - id: "4", name: "Sheila Shenanigans", role: "Head of Nightmares", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-67574.jpg", imageAlt: "Sheila looking dazed"}, + id: "4", name: "Sheila Shenanigans", role: "Head of Nightmares", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-67574.jpg", imageAlt: "Sheila looking dazed" + }, ]} animationType="scale-rotate" textboxLayout="default" useInvertedBackground={true} containerClassName="py-32" - titleClassName="text-5xl font-bold text-center mb-4" - descriptionClassName="text-center text-lg mb-12 max-w-xl mx-auto" nameClassName="text-2xl font-bold text-center text-primary-cta" roleClassName="text-center text-sm font-semibold text-accent" /> @@ -191,25 +196,29 @@ export default function LandingPage() { tagIcon={MessageSquare} testimonials={[ { - id: "1", name: "Robert Jenkins", role: "Regretful Customer", testimonial: "I honestly can't believe I bought six bottles. What was I thinking? This is the worst purchase of my entire adult life.", imageSrc: "http://img.b2bpic.net/free-photo/confused-looking-side-young-blonde-guy-wearing-green-t-shirt_141793-89602.jpg", imageAlt: "Robert's skeptical face"}, + id: "1", name: "Robert Jenkins", role: "Regretful Customer", testimonial: "I honestly can't believe I bought six bottles. What was I thinking? This is the worst purchase of my entire adult life.", imageSrc: "http://img.b2bpic.net/free-photo/confused-looking-side-young-blonde-guy-wearing-green-t-shirt_141793-89602.jpg", imageAlt: "Robert's skeptical face" + }, { - id: "2", name: "Linda Zhou", role: "Confused Buyer", testimonial: "I'm still not entirely sure what I ordered or what arrived. It's definitely a liquid of some kind? Maybe?", imageSrc: "http://img.b2bpic.net/free-photo/hesitant-clueless-unaware-young-woman-spreads-palms-looks-with-sad-doubtful-expression-purses-lower-lip-poses-against-bright-green-background-discontent-questioned-female-model-shrugs-shoulders_273609-57618.jpg", imageAlt: "Linda's confused expression"}, + id: "2", name: "Linda Zhou", role: "Confused Buyer", testimonial: "I'm still not entirely sure what I ordered or what arrived. It's definitely a liquid of some kind? Maybe?", imageSrc: "http://img.b2bpic.net/free-photo/hesitant-clueless-unaware-young-woman-spreads-palms-looks-with-sad-doubtful-expression-purses-lower-lip-poses-against-bright-green-background-discontent-questioned-female-model-shrugs-shoulders_273609-57618.jpg", imageAlt: "Linda's confused expression" + }, { - id: "3", name: "David Peterson", role: "Uncomfortable Consumer", testimonial: "The website gave me anxiety. The product gave me regret. Somehow the experience was worse than both combined.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-75818.jpg", imageAlt: "David looking uncomfortable"}, + id: "3", name: "David Peterson", role: "Uncomfortable Consumer", testimonial: "The website gave me anxiety. The product gave me regret. Somehow the experience was worse than both combined.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-75818.jpg", imageAlt: "David looking uncomfortable" + }, { - id: "4", name: "Sarah Martinez", role: "Thoroughly Disappointed", testimonial: "I showed my friends. They're not my friends anymore. This is somehow your fault.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-black-shirt-looking-camera-surprised-amazed-touching-face-with-arms_141793-28320.jpg", imageAlt: "Sarah's dismayed look"}, + id: "4", name: "Sarah Martinez", role: "Thoroughly Disappointed", testimonial: "I showed my friends. They're not my friends anymore. This is somehow your fault.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-black-shirt-looking-camera-surprised-amazed-touching-face-with-arms_141793-28320.jpg", imageAlt: "Sarah's dismayed look" + }, { - id: "5", name: "Thomas Wells", role: "Skeptical Observer", testimonial: "I can't recommend this to anyone. Not even to people I don't like.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26518.jpg", imageAlt: "Thomas's critical expression"}, + id: "5", name: "Thomas Wells", role: "Skeptical Observer", testimonial: "I can't recommend this to anyone. Not even to people I don't like.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26518.jpg", imageAlt: "Thomas's critical expression" + }, { - id: "6", name: "Michelle Lopez", role: "Indecisive Regret-haver", testimonial: "Was this a scam? Is this real? Should I have read the fine print? Questions I now ask myself every day.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-76963.jpg", imageAlt: "Michelle's hesitant face"}, + id: "6", name: "Michelle Lopez", role: "Indecisive Regret-haver", testimonial: "Was this a scam? Is this real? Should I have read the fine print? Questions I now ask myself every day.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-76963.jpg", imageAlt: "Michelle's hesitant face" + }, ]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} carouselMode="buttons" containerClassName="py-32" - titleClassName="text-5xl font-bold text-center mb-4" - descriptionClassName="text-center text-lg mb-12 max-w-xl mx-auto" testimonialClassName="text-base italic text-foreground/80 leading-relaxed" nameClassName="text-lg font-bold text-primary-cta" roleClassName="text-sm text-foreground/60" @@ -224,22 +233,25 @@ export default function LandingPage() { tagIcon={HelpCircle} faqs={[ { - id: "1", title: "Is this website a joke?", content: "Yes and no. It's real. The liquids are real. Your regret will be very real."}, + id: "1", title: "Is this website a joke?", content: "Yes and no. It's real. The liquids are real. Your regret will be very real." + }, { - id: "2", title: "Can I return this?", content: "We have a strict no-returns policy because we know you'll change your mind after the first sip and honestly, we don't want it back."}, + id: "2", title: "Can I return this?", content: "We have a strict no-returns policy because we know you'll change your mind after the first sip and honestly, we don't want it back." + }, { - id: "3", title: "What's in these liquids?", content: "Better not to ask. Seriously. The mystery is part of the charm. Or the horror. Definitely the horror."}, + id: "3", title: "What's in these liquids?", content: "Better not to ask. Seriously. The mystery is part of the charm. Or the horror. Definitely the horror." + }, { - id: "4", title: "Why does everything look so bad?", content: "That's the whole point. We specifically hired the worst designers, worst marketers, and worst decision-makers for this project."}, + id: "4", title: "Why does everything look so bad?", content: "That's the whole point. We specifically hired the worst designers, worst marketers, and worst decision-makers for this project." + }, { - id: "5", title: "Is this actually a functional store?", content: "Sort of? Orders go into a void. We process them. Packages arrive. Whether the contents are drinkable is never guaranteed."}, + id: "5", title: "Is this actually a functional store?", content: "Sort of? Orders go into a void. We process them. Packages arrive. Whether the contents are drinkable is never guaranteed." + }, ]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={true} containerClassName="py-32" - titleClassName="text-5xl font-bold text-center mb-4" - descriptionClassName="text-center text-lg mb-12 max-w-xl mx-auto" accordionTitleClassName="text-xl font-bold" accordionContentClassName="text-base leading-relaxed text-foreground/80" /> -- 2.49.1