PK [\ metadata.json{ "name": "Protocollo Cashback Sales Page", "description": "Sales page for the Cashback Simulator WebApp of Union Energia, designed to convert prospects by showing real-time cashback savings.", "requestFramePermissions": [] } PK [\src/PK [\”2 src/index.css@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); @import "tailwindcss"; @theme { --color-navy: #002147; --color-orange: #FF6600; --color-gold: #D4AF37; --color-light: #F8F9FA; --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; } body { background-color: var(--color-light); color: var(--color-navy); } .shiny-gold { background: linear-gradient(135deg, #D4AF37 0%, #FFF3A1 50%, #D4AF37 100%); background-size: 200% auto; color: transparent; -webkit-background-clip: text; background-clip: text; animation: shine 3s linear infinite; } @keyframes shine { to { background-position: 200% center; } } PK [\FNFN src/App.tsximport React from 'react'; import { CheckCircle2, Zap, TrendingUp, ShieldCheck, ArrowRight, Star, Clock } from 'lucide-react'; export default function App() { return (
{/* Navbar */} {/* Hero Section */}
L'App di Protocollo Cashback

L'Unico Strumento "Segreto" Che Trasforma Ogni Spesa In Un Nuovo Asset Finanziario...

(E Come Puoi Usarlo Per Chiudere Ogni Appuntamento Senza Mai Più Sentirti Un "Venditore Di Bollette")

Voglio Dominare Il Mercato
{/* Il Gancio */}

Amico mio, siamo onesti...

Quante volte ti sei seduto davanti a un potenziale cliente e hai iniziato a parlare di "centesimi al kilowattora"?

Quante volte hai cercato di convincere una mamma o un padre di famiglia che avrebbero risparmiato 10€ sulla luce, solo per sentirti rispondere: "Ci devo pensare"?

Il problema non sei tu.

Il problema è il "veicolo".

Se vendi solo energia, sei una commodity. Sei paragonabile a tutti gli altri. Ma se potessi mostrare loro, in tempo reale, come la loro spesa al Conad, le scarpe da Decathlon o il prossimo viaggio su Booking.com possono letteralmente azzerare le loro bollette... allora hai vinto.

{/* La Storia */}

L'Epifania

Ho capito che mancava qualcosa quando ho visto quanto fosse vasta la lista dei nostri partner. Abbiamo tutto: Amazon, Tigotà, Zalando, persino la benzina con Tamoil o Q8.

Ma c'era un ostacolo: era difficile farlo capire velocemente. La gente non ha voglia di fare calcoli matematici complessi.

Per questo abbiamo creato qualcosa di rivoluzionario per noi di Union Energia. Abbiamo creato la Cashback Simulator WebApp.

{['Amazon', 'Tigotà', 'Zalando', 'Tamoil', 'Q8', 'Conad', 'Decathlon', 'Booking.com'].map((brand) => ( {brand} ))}
{/* La Soluzione & Simulatore Mock */}

Il "Nuovo Veicolo"

Immagina di poter dire a un cliente:
"Non guardare la bolletta. Dimmi dove fai la spesa."

{/* Features */}

Simulazione Istantanea

Mostra come il 4,13% di Douglas o il 6,37% di Prenatal sommati alla spesa mensile creano un tesoretto inarrestabile.

Chiusura Switch Facilitata

Non vendi più un contratto, vendi un sistema di gestione del denaro.

Professionalità d'Elite

Ti posizioni come un esperto che ha strumenti che gli altri non hanno.

{/* Mock Simulator UI */}
Cashback Simulator
Douglas 4,13%
Prenatal 6,37%
Boscolo 12,38%

Il Tuo Nuovo Asset

€ 1.245,50
{/* Zero Bolletta Progress */}
Bolletta Attuale Obiettivo: ZERO BOLLETTA
{/* L'Offerta Irresistibile (The Stack) */}

L'Offerta Irresistibile

Ecco cosa ottieni oggi sottoscrivendo l'abbonamento alla nostra WebApp:

Accesso Full alla Cashback Simulator App Valore Inestimabile

Il motore di calcolo aggiornato con tutte le percentuali, inclusi i "pezzi grossi" come Boscolo al 12,38% o Babbel a 60€.

Database Aggiornato in Tempo Reale

Non dovrai mai più controllare manualmente se Sephora è al 4,13% o al 7%. Lo facciamo noi per te.

Simulatore "Azzera Bolletta"

Lo strumento visivo per far capire al cliente il momento esatto in cui la bolletta diventa GRATIS.

{/* Pricing & Scarcity */}
Accesso Riservato

Non stiamo dando questo strumento a chiunque.

È riservato a chi vuole scalare il piano carriera di Union Energia e splendere di nuovo, proprio come hai fatto tu.

Vuoi continuare a combattere la guerra dei prezzi o vuoi dominare il mercato con la matematica del risparmio?

Scegli il tuo piano di abbonamento qui sotto e inizia a simulare la tua libertà.

{/* Mensile */}

Mensile

9,99€ /mese
  • Accesso completo
  • Aggiornamenti in tempo reale
{/* Trimestrale */}
Risparmi 5€

Trimestrale

24,99€
  • Accesso completo
  • Aggiornamenti in tempo reale
{/* Semestrale */}
Risparmi 10€

Semestrale

49,99€
  • Accesso completo
  • Aggiornamenti in tempo reale
{/* Annuale */}
Miglior Valore (Risparmi 20€)

Annuale

99,99€ /anno
  • Accesso completo
  • Aggiornamenti in tempo reale
  • Supporto prioritario
{/* Footer */}
); } PK [\kY src/main.tsximport {StrictMode} from 'react'; import {createRoot} from 'react-dom/client'; import App from './App.tsx'; import './index.css'; createRoot(document.getElementById('root')!).render( , ); PK [\;tKK package.json{ "name": "react-example", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite --port=3000 --host=0.0.0.0", "build": "vite build", "preview": "vite preview", "clean": "rm -rf dist", "lint": "tsc --noEmit" }, "dependencies": { "@google/genai": "^1.29.0", "@tailwindcss/vite": "^4.1.14", "@vitejs/plugin-react": "^5.0.4", "lucide-react": "^0.546.0", "react": "^19.0.0", "react-dom": "^19.0.0", "vite": "^6.2.0", "express": "^4.21.2", "dotenv": "^17.2.3", "better-sqlite3": "^12.4.1", "motion": "^12.23.24" }, "devDependencies": { "@types/node": "^22.14.0", "autoprefixer": "^10.4.21", "tailwindcss": "^4.1.14", "tsx": "^4.21.0", "typescript": "~5.8.2", "vite": "^6.2.0", "@types/express": "^4.17.21" } } PK [\t& index.html My Google AI Studio App
PK [\=<vite.config.tsimport tailwindcss from '@tailwindcss/vite'; import react from '@vitejs/plugin-react'; import path from 'path'; import {defineConfig, loadEnv} from 'vite'; export default defineConfig(({mode}) => { const env = loadEnv(mode, '.', ''); return { plugins: [react(), tailwindcss()], define: { 'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY), }, resolve: { alias: { '@': path.resolve(__dirname, '.'), }, }, server: { // HMR is disabled in AI Studio via DISABLE_HMR env var. // Do not modify—file watching is disabled to prevent flickering during agent edits. hmr: process.env.DISABLE_HMR !== 'true', }, }; }); PK [\Ƚ.II .gitignorenode_modules/ build/ dist/ coverage/ .DS_Store *.log .env* !.env.example PK [\@d tsconfig.json{ "compilerOptions": { "target": "ES2022", "experimentalDecorators": true, "useDefineForClassFields": false, "module": "ESNext", "lib": [ "ES2022", "DOM", "DOM.Iterable" ], "skipLibCheck": true, "moduleResolution": "bundler", "isolatedModules": true, "moduleDetection": "force", "allowJs": true, "jsx": "react-jsx", "paths": { "@/*": [ "./*" ] }, "allowImportingTsExtensions": true, "noEmit": true } } PK [\] .env.example# GEMINI_API_KEY: Required for Gemini AI API calls. # AI Studio automatically injects this at runtime from user secrets. # Users configure this via the Secrets panel in the AI Studio UI. GEMINI_API_KEY="MY_GEMINI_API_KEY" # APP_URL: The URL where this applet is hosted. # AI Studio automatically injects this at runtime with the Cloud Run service URL. # Used for self-referential links, OAuth callbacks, and API endpoints. APP_URL="MY_APP_URL" PK [\Z&& README.md
GHBanner
# Run and deploy your AI Studio app This contains everything you need to run your app locally. View your app in AI Studio: https://ai.studio/apps/2a7972ee-0f69-45c8-977f-c58f7bfbab6f ## Run Locally **Prerequisites:** Node.js 1. Install dependencies: `npm install` 2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key 3. Run the app: `npm run dev` PK [\ metadata.jsonPK [\src/PK [\”2 5src/index.cssPK [\FNFN src/App.tsxPK [\kY Rsrc/main.tsxPK [\;tKK Spackage.jsonPK [\t& Windex.htmlPK [\=<M[vite.config.tsPK [\Ƚ.II :^.gitignorePK [\@d ^tsconfig.jsonPK [\] `.env.examplePK [\Z&& bREADME.mdPK e