chore: add semi&gros page

2026-03-04 20:32:37 +01:00
parent 1320167539
commit 67cea8b9d4
2 changed files with 14 additions and 5 deletions
@@ -16,6 +16,7 @@ import {
    ImageBackground,
    Animated,
 } from "react-native";
+import { useFonts } from "expo-font";
 import { useNavigation } from "@react-navigation/native";
 import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import { getAllProducts, getProductsByCategory } from "../../api/api";
@@ -52,6 +53,9 @@ type Nav = NativeStackNavigationProp<ClientStackParamList>;
 export default function ProductsScreen() {
    const { colors } = useTheme();
    const navigation = useNavigation<Nav>();
+    const [fontsLoaded] = useFonts({
+        "ReachFillOutline": require("../../../assets/fonts/reach-fill-outline.ttf"),
+    });
    const [products, setProducts] = useState<Product[]>([]);
    const [selectedCategory, setSelectedCategory] = useState("tous");
    const [loading, setLoading] = useState(true);
@@ -165,16 +169,21 @@ export default function ProductsScreen() {
                    left: 0,
                    right: 0,
                    bottom: 0,
-                    justifyContent: "center",
+                    justifyContent: "flex-end",
                    alignItems: "center",
+                    paddingBottom: 96,
                    pointerEvents: "none",
                },
                comingSoonText: {
-                    fontSize: 32,
-                    fontWeight: "800",
-                    color: colors.textWhite,
-                    letterSpacing: 2,
+                    fontFamily: fontsLoaded ? "ReachFillOutline" : undefined,
+                    fontSize: 36,
+                    color: "#8E8FE8",
+                    letterSpacing: 4,
                    textAlign: "center",
+                    textTransform: "uppercase",
+                    textShadowColor: "rgba(142, 143, 232, 0.85)",
+                    textShadowOffset: { width: 0, height: 0 },
+                    textShadowRadius: 18,
                },
            }),
        [colors],