diff --git a/app/(protected)/(tabs)/index.tsx b/app/(protected)/(tabs)/index.tsx
index acd664c..4bc76a7 100644
--- a/app/(protected)/(tabs)/index.tsx
+++ b/app/(protected)/(tabs)/index.tsx
@@ -375,14 +375,6 @@ export default function Index() {
         outputRange: ["0deg", "360deg"],
     });
 
-    const [_rawData, _loading, _error, run] = useAuthFetch<FullFillUserResponse>(
-        "/users/user-full",
-        { method: "GET" },
-        { manual: true, useCache: false },
-    );
-    useEffect(() => {
-        run().catch(() => {});
-    }, [run]);
     return (
         <View style={gs.container}>
             {/* Grid */}
diff --git a/app/(protected)/(tabs)/settings.tsx b/app/(protected)/(tabs)/settings.tsx
index 217e637..fee4857 100644
--- a/app/(protected)/(tabs)/settings.tsx
+++ b/app/(protected)/(tabs)/settings.tsx
@@ -1,7 +1,7 @@
 import { BtnText, Button } from "@/components/button";
 import { Image, StyleSheet, Text, View } from "react-native";
 import { useTheme } from "@/lib/theme/context";
-import { Eye, Globe, Heart, MessageCircle, Moon, User } from "lucide-react-native";
+import { Eye, Gem, Globe, Heart, MessageCircle, Moon, User } from "lucide-react-native";
 import { router } from "expo-router";
 import { useAuth } from "@/lib/auth/AuthProvider";
 import { createT } from "@/i18n";
@@ -52,6 +52,14 @@ export default function SettingsScreen() {
                     textColor={theme.text}
                     href="/settings/apperance"
                 />
+                <MenuRow
+                    icon={Gem}
+                    label={t("subscription")}
+                    divider={divider}
+                    iconColor={iconColor}
+                    textColor={theme.text}
+                    href="/subscriptions"
+                />
                 <MenuRow
                     icon={Heart}
                     label={t("interests")}
diff --git a/app/(protected)/subscriptions/index.tsx b/app/(protected)/subscriptions/index.tsx
new file mode 100644
index 0000000..9607ee3
--- /dev/null
+++ b/app/(protected)/subscriptions/index.tsx
@@ -0,0 +1,526 @@
+import React, { useRef, useState } from "react";
+import {
+    View,
+    Text,
+    TouchableOpacity,
+    FlatList,
+    StyleSheet,
+    SafeAreaView,
+    Dimensions,
+    NativeSyntheticEvent,
+    NativeScrollEvent,
+} from "react-native";
+import { useTheme } from "@/lib/theme/context";
+
+const { width: SCREEN_WIDTH } = Dimensions.get("window");
+
+// Card takes most of the screen, but leaves a peek of the next card
+const CARD_WIDTH = SCREEN_WIDTH * 0.82;
+const CARD_GAP = 14;
+const SIDE_PADDING = (SCREEN_WIDTH - CARD_WIDTH) / 2; // bleibt gleich
+
+type BillingCycle = "monthly" | "yearly";
+
+interface Plan {
+    id: string;
+    tier: string;
+    name: string;
+    nameItalic: string;
+    tagline: string;
+    monthlyPrice: number;
+    yearlyPrice: number;
+    features: string[];
+    badge?: string;
+    highlight?: boolean;
+}
+
+const PLANS: Plan[] = [
+    {
+        id: "basic",
+        tier: "01  Basic",
+        name: "Basic",
+        nameItalic: "plan",
+        tagline: "One request at a time",
+        monthlyPrice: 5.99,
+        yearlyPrice: 4.99,
+        features: [
+            "Access to all features",
+            "Bi-weekly sync calls",
+            "Available 3 days each week",
+            "Easy-to-manage dashboard",
+            "Immediate start",
+        ],
+    },
+    {
+        id: "premium",
+        tier: "02  Premium",
+        name: "Premium",
+        nameItalic: "plan",
+        tagline: "Double your output 2×",
+        monthlyPrice: 12.99,
+        yearlyPrice: 10.49,
+        badge: "BEST VALUE",
+        highlight: true,
+        features: [
+            "All from Basic plan",
+            "Direct comms + weekly sync",
+            "Available 5 days each week",
+            "Delivery in avg. 48 hours",
+            "No-code add-ons for free",
+            "Easy-to-manage dashboard",
+            "Immediate start",
+        ],
+    },
+    {
+        id: "gold",
+        tier: "03  Gold",
+        name: "Gold",
+        nameItalic: "plan",
+        tagline: "Fitting your individual needs",
+        monthlyPrice: 29.99,
+        yearlyPrice: 24.99,
+        features: [
+            "Custom scope",
+            "Dedicated team",
+            "Fixed deadlines",
+            "Strategic consulting bi-weekly",
+            "Payment plan on milestones",
+        ],
+    },
+];
+
+// ─── Billing Toggle ───────────────────────────────────────────────────────────
+
+function BillingToggle({
+    value,
+    onChange,
+}: {
+    value: BillingCycle;
+    onChange: (v: BillingCycle) => void;
+}) {
+    const { theme } = useTheme();
+    return (
+        <View style={[styles.toggleTrack, { backgroundColor: theme.accent + "18" }]}>
+            <TouchableOpacity
+                style={[
+                    styles.toggleBtn,
+                    value === "monthly" && { backgroundColor: theme.background },
+                ]}
+                onPress={() => onChange("monthly")}
+                activeOpacity={0.8}
+            >
+                <Text
+                    style={[
+                        styles.toggleText,
+                        { color: value === "monthly" ? theme.text : theme.accent },
+                    ]}
+                >
+                    Monthly
+                </Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+                style={[
+                    styles.toggleBtn,
+                    value === "yearly" && { backgroundColor: theme.background },
+                ]}
+                onPress={() => onChange("yearly")}
+                activeOpacity={0.8}
+            >
+                <Text
+                    style={[
+                        styles.toggleText,
+                        { color: value === "yearly" ? theme.text : theme.accent },
+                    ]}
+                >
+                    Yearly
+                </Text>
+                {value === "yearly" && (
+                    <View style={[styles.savePill, { backgroundColor: theme.primary }]}>
+                        <Text style={styles.savePillText}>–17%</Text>
+                    </View>
+                )}
+            </TouchableOpacity>
+        </View>
+    );
+}
+
+// ─── Plan Card ────────────────────────────────────────────────────────────────
+
+function PlanCard({
+    plan,
+    billing,
+    onSubscribe,
+}: {
+    plan: Plan;
+    billing: BillingCycle;
+    onSubscribe: () => void;
+}) {
+    const { theme } = useTheme();
+    const price = billing === "monthly" ? plan.monthlyPrice : plan.yearlyPrice;
+    const isHighlight = plan.highlight;
+
+    const cardBg = isHighlight ? theme.primary : theme.background;
+    const textColor = isHighlight ? "#fff" : theme.text;
+    const mutedColor = isHighlight ? "rgba(255,255,255,0.6)" : theme.accent;
+    const dividerColor = isHighlight ? "rgba(255,255,255,0.15)" : theme.accent + "22";
+    const btnBg = isHighlight ? "#fff" : theme.primary;
+    const btnTextColor = isHighlight ? theme.primary : "#fff";
+
+    const whole = Math.floor(price);
+    const cents = (price % 1).toFixed(2).slice(1);
+
+    return (
+        <View
+            style={[
+                styles.card,
+                {
+                    backgroundColor: cardBg,
+                    width: CARD_WIDTH,
+                    shadowColor: isHighlight ? theme.primary : "#000",
+                    shadowOpacity: isHighlight ? 0.25 : 0.1,
+                },
+            ]}
+        >
+            {/* Badge */}
+            {plan.badge ? (
+                <View style={styles.badgeRow}>
+                    <View style={styles.badge}>
+                        <Text style={styles.badgeText}>{plan.badge}</Text>
+                    </View>
+                </View>
+            ) : (
+                <View style={styles.badgePlaceholder} />
+            )}
+
+            {/* Tier */}
+            <Text style={[styles.tierLabel, { color: mutedColor }]}>{plan.tier}</Text>
+
+            {/* Name */}
+            <Text style={[styles.planName, { color: textColor }]}>
+                {plan.name}
+                <Text style={[styles.planNameItalic, { color: mutedColor }]}>
+                    {plan.nameItalic}
+                </Text>
+            </Text>
+
+            <Text style={[styles.tagline, { color: mutedColor }]}>{plan.tagline}</Text>
+
+            <View style={[styles.divider, { backgroundColor: dividerColor }]} />
+
+            {/* Price + CTA */}
+            <View style={styles.priceRow}>
+                <TouchableOpacity
+                    style={[styles.ctaBtn, { backgroundColor: btnBg }]}
+                    onPress={onSubscribe}
+                    activeOpacity={0.85}
+                >
+                    <Text style={[styles.ctaBtnText, { color: btnTextColor }]}>
+                        Subscribe
+                    </Text>
+                </TouchableOpacity>
+
+                <View style={styles.priceBlock}>
+                    <Text style={[styles.priceDollar, { color: mutedColor }]}>$</Text>
+                    <Text style={[styles.priceAmount, { color: textColor }]}>
+                        {whole}
+                    </Text>
+                    <View>
+                        <Text style={[styles.priceCents, { color: textColor }]}>
+                            {cents}
+                        </Text>
+                        <Text style={[styles.pricePer, { color: mutedColor }]}>/mo</Text>
+                    </View>
+                </View>
+            </View>
+
+            <View style={[styles.divider, { backgroundColor: dividerColor }]} />
+
+            {/* Features */}
+            <View style={styles.featureList}>
+                {plan.features.map((f, i) => (
+                    <View key={i} style={styles.featureRow}>
+                        <Text
+                            style={[
+                                styles.checkMark,
+                                { color: isHighlight ? "#fff" : theme.primary },
+                            ]}
+                        >
+                            ✓
+                        </Text>
+                        <Text style={[styles.featureText, { color: textColor }]}>
+                            {f}
+                        </Text>
+                    </View>
+                ))}
+            </View>
+        </View>
+    );
+}
+
+// ─── Pagination Dots ──────────────────────────────────────────────────────────
+
+function PaginationDots({ total, active }: { total: number; active: number }) {
+    const { theme } = useTheme();
+    return (
+        <View style={styles.dotsRow}>
+            {Array.from({ length: total }).map((_, i) => (
+                <View
+                    key={i}
+                    style={[
+                        styles.dot,
+                        {
+                            backgroundColor:
+                                i === active ? theme.primary : theme.accent + "40",
+                            width: i === active ? 20 : 6,
+                        },
+                    ]}
+                />
+            ))}
+        </View>
+    );
+}
+
+// ─── Main Screen ──────────────────────────────────────────────────────────────
+
+export default function SubscriptionPlans() {
+    const { theme } = useTheme();
+    const [billing, setBilling] = useState<BillingCycle>("monthly");
+    const [activeIndex, setActiveIndex] = useState(1);
+    const flatListRef = useRef<FlatList>(null);
+
+    const handleScroll = (e: NativeSyntheticEvent<NativeScrollEvent>) => {
+        const index = Math.round(e.nativeEvent.contentOffset.x / (CARD_WIDTH + CARD_GAP));
+        setActiveIndex(Math.max(0, Math.min(index, PLANS.length - 1)));
+    };
+
+    return (
+        <SafeAreaView style={[styles.safe, { backgroundColor: theme.background }]}>
+            {/* Header */}
+            <View style={styles.header}>
+                <Text style={[styles.title, { color: theme.text }]}>
+                    Choose your plan
+                </Text>
+                <Text style={[styles.subtitle, { color: theme.accent }]}>
+                    Upgrade or downgrade at any time.
+                </Text>
+            </View>
+
+            {/* Toggle */}
+            <View style={styles.toggleWrapper}>
+                <BillingToggle value={billing} onChange={setBilling} />
+            </View>
+
+            {/* Cards — peek layout */}
+            <FlatList
+                ref={flatListRef}
+                data={PLANS}
+                keyExtractor={(p) => p.id}
+                horizontal
+                showsHorizontalScrollIndicator={false}
+                snapToInterval={CARD_WIDTH + CARD_GAP}
+                snapToAlignment="start"
+                decelerationRate="fast"
+                contentContainerStyle={{
+                    paddingHorizontal: SIDE_PADDING,
+                    paddingVertical: 20,
+                    gap: CARD_GAP,
+                }}
+                initialScrollIndex={1}
+                getItemLayout={(_, index) => ({
+                    length: CARD_WIDTH + CARD_GAP,
+                    offset: (CARD_WIDTH + CARD_GAP) * index,
+                    index,
+                })}
+                onScroll={handleScroll}
+                scrollEventThrottle={16}
+                renderItem={({ item }) => (
+                    <PlanCard plan={item} billing={billing} onSubscribe={() => {}} />
+                )}
+            />
+
+            {/* Dots */}
+            <PaginationDots total={PLANS.length} active={activeIndex} />
+
+            <Text style={[styles.cancelNote, { color: theme.accent }]}>
+                Cancel anytime · No hidden fees
+            </Text>
+        </SafeAreaView>
+    );
+}
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+
+const styles = StyleSheet.create({
+    safe: { flex: 1 },
+
+    header: {
+        paddingHorizontal: 24,
+        paddingTop: 16,
+        paddingBottom: 4,
+    },
+    title: {
+        fontSize: 26,
+        fontWeight: "800",
+        letterSpacing: -0.5,
+    },
+    subtitle: {
+        fontSize: 14,
+        marginTop: 4,
+    },
+
+    toggleWrapper: {
+        paddingHorizontal: 24,
+        marginTop: 14,
+    },
+    toggleTrack: {
+        flexDirection: "row",
+        borderRadius: 10,
+        padding: 3,
+    },
+    toggleBtn: {
+        flex: 1,
+        paddingVertical: 8,
+        borderRadius: 8,
+        alignItems: "center",
+        flexDirection: "row",
+        justifyContent: "center",
+        gap: 6,
+    },
+    toggleText: {
+        fontSize: 14,
+        fontWeight: "600",
+    },
+    savePill: {
+        borderRadius: 20,
+        paddingHorizontal: 6,
+        paddingVertical: 1,
+    },
+    savePillText: {
+        fontSize: 10,
+        fontWeight: "700",
+        color: "#fff",
+    },
+
+    // Card
+    card: {
+        borderRadius: 20,
+        padding: 22,
+        shadowOffset: { width: 0, height: 6 },
+        shadowRadius: 20,
+        elevation: 6,
+    },
+    badgeRow: { marginBottom: 10 },
+    badgePlaceholder: { height: 24, marginBottom: 10 },
+    badge: {
+        alignSelf: "flex-start",
+        backgroundColor: "rgba(255,255,255,0.25)",
+        borderRadius: 20,
+        paddingHorizontal: 10,
+        paddingVertical: 3,
+        borderWidth: 1,
+        borderColor: "rgba(255,255,255,0.35)",
+    },
+    badgeText: {
+        fontSize: 10,
+        fontWeight: "700",
+        color: "#fff",
+        letterSpacing: 1,
+    },
+    tierLabel: {
+        fontSize: 11,
+        fontWeight: "500",
+        letterSpacing: 0.5,
+        marginBottom: 8,
+    },
+    planName: {
+        fontSize: 32,
+        fontWeight: "800",
+        letterSpacing: -0.5,
+        lineHeight: 36,
+    },
+    planNameItalic: {
+        fontStyle: "italic",
+        fontWeight: "400",
+        fontSize: 28,
+    },
+    tagline: {
+        fontSize: 13,
+        marginTop: 6,
+    },
+    divider: {
+        height: 1,
+        marginVertical: 16,
+    },
+    priceRow: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+    },
+    ctaBtn: {
+        paddingHorizontal: 22,
+        paddingVertical: 12,
+        borderRadius: 50,
+    },
+    ctaBtnText: {
+        fontSize: 15,
+        fontWeight: "700",
+    },
+    priceBlock: {
+        flexDirection: "row",
+        alignItems: "flex-start",
+    },
+    priceDollar: {
+        fontSize: 14,
+        marginTop: 4,
+        fontWeight: "500",
+    },
+    priceAmount: {
+        fontSize: 36,
+        fontWeight: "800",
+        lineHeight: 40,
+        letterSpacing: -1,
+    },
+    priceCents: {
+        fontSize: 13,
+        fontWeight: "600",
+        lineHeight: 18,
+    },
+    pricePer: {
+        fontSize: 11,
+        lineHeight: 14,
+    },
+    featureList: { gap: 10 },
+    featureRow: {
+        flexDirection: "row",
+        alignItems: "flex-start",
+        gap: 10,
+    },
+    checkMark: {
+        fontSize: 13,
+        fontWeight: "700",
+        marginTop: 2,
+    },
+    featureText: {
+        fontSize: 13,
+        lineHeight: 18,
+        flex: 1,
+    },
+
+    dotsRow: {
+        flexDirection: "row",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 6,
+        marginTop: 4,
+        marginBottom: 8,
+    },
+    dot: {
+        height: 6,
+        borderRadius: 3,
+    },
+    cancelNote: {
+        fontSize: 12,
+        textAlign: "center",
+        paddingBottom: 20,
+    },
+});
diff --git a/locales/en.json b/locales/en.json
index cce1b33..edffb04 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -165,6 +165,7 @@
         "settings": {
             "title": "Settings",
             "personalDetails": "Personal Details",
+            "subscription": "Subscriptions",
             "interests": "Interests",
             "termsAndConditions": "Terms and Conditions",
             "privacyPolicy": "Privacy & Policy",