aaoo

[tiagosilvasantos06072000-bit]

// INSANA GROW – DJ PR EDITION
// App profissional (base) – Crescimento e análise Instagram (LEGAL)

import React from "react";
import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from "react-native";

export default function App() {
const handleInstagramLogin = () => {
// Aqui inicia o OAuth oficial da Meta (Instagram Graph API)
alert("Login com Instagram (Meta API) – autenticado com sucesso (simulação)");
};

const instagramMetrics = {
followers: 12450,
growthWeekly: 8.2,
engagement: 5.4,
bestHour: "20:00 – 22:00",
};

return (

INSANA GROW
DJ PR EDITION

  <TouchableOpacity style={styles.loginButton} onPress={handleInstagramLogin}>
    <Text style={styles.loginText}>Entrar com Instagram</Text>
  </TouchableOpacity>

  <ScrollView style={styles.dashboard}>
    <Card title="Seguidores" value={instagramMetrics.followers.toLocaleString()} />
    <Card title="Crescimento Semanal" value={`+${instagramMetrics.growthWeekly}%`} />
    <Card title="Engajamento" value={`${instagramMetrics.engagement}%`} />
    <Card title="Melhor Horário" value={instagramMetrics.bestHour} />
  </ScrollView>

  <TouchableOpacity style={styles.button}>
    <Text style={styles.buttonText}>Gerar Relatório</Text>
  </TouchableOpacity>

  <Text style={styles.footer}>Quem tá no comando é o DJ PR 🔥</Text>
</View>

);
}

function Card({ title, value }) {
return (

{title}
{value}

);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#0b0b0b",
padding: 20,
},
title: {
fontSize: 28,
fontWeight: "bold",
color: "#ff0000",
textAlign: "center",
},
subtitle: {
fontSize: 16,
color: "#ffffff",
textAlign: "center",
marginBottom: 20,
},
dashboard: {
flex: 1,
},
card: {
backgroundColor: "#1a1a1a",
padding: 20,
borderRadius: 16,
marginBottom: 15,
},
cardTitle: {
color: "#aaaaaa",
fontSize: 14,
},
cardValue: {
color: "#ffffff",
fontSize: 22,
fontWeight: "bold",
},
button: {
backgroundColor: "#ff0000",
padding: 16,
borderRadius: 20,
alignItems: "center",
marginTop: 10,
},
buttonText: {
color: "#ffffff",
fontSize: 16,
fontWeight: "bold",
},
loginButton: {
backgroundColor: "#262626",
borderColor: "#ff0000",
borderWidth: 2,
padding: 14,
borderRadius: 20,
alignItems: "center",
marginBottom: 20,
},
loginText: {
color: "#ffffff",
fontSize: 15,
fontWeight: "bold",
},
footer: {
color: "#777",
textAlign: "center",
marginTop: 10,
fontSize: 12,
},
});