From 6c2a2257d9694a71e753347d9a01acaf5368a60b Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Mon, 13 Oct 2025 18:31:06 +0000
Subject: [PATCH] Move Bitcoin toggle below pricing options and above FAQ

- Reduced prominence of Bitcoin toggle on /pricing page
- Moved toggle from header area to between pricing plans and FAQ
- Added mt-8 spacing for proper visual separation

Fixes #267

Co-authored-by: Marks <marksftw@users.noreply.github.com>
---
 frontend/src/routes/pricing.tsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/src/routes/pricing.tsx b/frontend/src/routes/pricing.tsx
index 7a9202fb..1cae08f7 100644
--- a/frontend/src/routes/pricing.tsx
+++ b/frontend/src/routes/pricing.tsx
@@ -635,21 +635,6 @@ function PricingPage() {
           </div>
         )}
 
-        <div className="w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-center">
-          <div className="inline-flex items-center gap-4 px-6 py-2.5 rounded-full bg-[hsl(var(--marketing-card))]/50 backdrop-blur-sm border border-[hsl(var(--marketing-card-border))]">
-            <div className="flex items-center gap-2 text-[hsl(var(--bitcoin))] text-base font-light">
-              <Bitcoin className="w-4.5 h-4.5" />
-              <span>Pay with Bitcoin</span>
-            </div>
-            <Switch
-              id="bitcoin-toggle"
-              checked={useBitcoin}
-              onCheckedChange={setUseBitcoin}
-              className="data-[state=checked]:bg-[hsl(var(--bitcoin))] data-[state=unchecked]:border-foreground/30 scale-100"
-            />
-          </div>
-        </div>
-
         {(() => {
           const filteredPlans = PRICING_PLANS.filter((plan) => {
             // Always hide Starter plan unless user is currently on Starter
@@ -870,6 +855,21 @@ function PricingPage() {
           );
         })()}
 
+        <div className="w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-center mt-8">
+          <div className="inline-flex items-center gap-4 px-6 py-2.5 rounded-full bg-[hsl(var(--marketing-card))]/50 backdrop-blur-sm border border-[hsl(var(--marketing-card-border))]">
+            <div className="flex items-center gap-2 text-[hsl(var(--bitcoin))] text-base font-light">
+              <Bitcoin className="w-4.5 h-4.5" />
+              <span>Pay with Bitcoin</span>
+            </div>
+            <Switch
+              id="bitcoin-toggle"
+              checked={useBitcoin}
+              onCheckedChange={setUseBitcoin}
+              className="data-[state=checked]:bg-[hsl(var(--bitcoin))] data-[state=unchecked]:border-foreground/30 scale-100"
+            />
+          </div>
+        </div>
+
         <PricingFAQ />
       </FullPageMain>
       <VerificationModal />