Migrate billing from Paddle to Lemon Squeezy

resources/js/guest-v2/components/FloatingActionButton.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button } from '@tamagui/button';
-import { Plus } from 'lucide-react';
+import { Flower } from 'lucide-react';
 import { useAppearance } from '@/hooks/use-appearance';
 
 type FloatingActionButtonProps = {
@@ -30,26 +30,27 @@ export default function FloatingActionButton({ onPress, onLongPress }: FloatingA
         onLongPress?.();
       }}
       position="fixed"
-      bottom={88}
-      right={20}
+      bottom={20}
+      left="50%"
       zIndex={1100}
-      width={56}
-      height={56}
+      width={68}
+      height={68}
       borderRadius={999}
       backgroundColor="$primary"
       borderWidth={0}
       elevation={4}
       shadowColor={isDark ? 'rgba(255, 79, 216, 0.5)' : 'rgba(15, 23, 42, 0.2)'}
       shadowOpacity={0.5}
-      shadowRadius={18}
+      shadowRadius={22}
       shadowOffset={{ width: 0, height: 10 }}
       style={{
+        transform: 'translateX(-50%)',
         boxShadow: isDark
-          ? '0 18px 36px rgba(255, 79, 216, 0.35), 0 0 0 6px rgba(255, 79, 216, 0.15)'
-          : '0 16px 28px rgba(15, 23, 42, 0.18), 0 0 0 6px rgba(255, 255, 255, 0.7)',
+          ? '0 20px 40px rgba(255, 79, 216, 0.38), 0 0 0 8px rgba(255, 79, 216, 0.16)'
+          : '0 18px 32px rgba(15, 23, 42, 0.2), 0 0 0 8px rgba(255, 255, 255, 0.7)',
       }}
     >
-      <Plus size={22} color="white" />
+      <Flower size={26} color="white" />
     </Button>
   );
 }