Scribd
Upload
5 views19 pages

Ex Code Funnel Building

The document is a webpage for BIGFISH IA, an automated trading bot that helps users generate profits without extensive screen time. It highlights features such as automated trading, risk management, and user testimonials showcasing its effectiveness. The page encourages visitors to access a free demo to experience the benefits of the trading bot.

Uploaded by

koukponoumael
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views19 pages

Ex Code Funnel Building

The document is a webpage for BIGFISH IA, an automated trading bot that helps users generate profits without extensive screen time. It highlights features such as automated trading, risk management, and user testimonials showcasing its effectiveness. The page encourages visitors to access a free demo to experience the benefits of the trading bot.

Uploaded by

koukponoumael
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 19

<!

DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BIGFISH IA | Bot de Trading Automatisé</title>
<style>
:root {
--primary: #0056b3;
--secondary: #17a2b8;
--dark: #343a40;
--light: #f8f9fa;
--success: #28a745;
--warning: #ffc107;
}

*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
background-color: #f4f7fc;
color: #333;
line-height: 1.6;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}

/* LANDING PAGE */
header {
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: white;
padding: 20px 0;
}

.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}

.logo {
font-size: 24px;
font-weight: bold;
}

.hero {
padding: 80px 0;
text-align: center;
background-image: url('/api/placeholder/1200/600');
background-size: cover;
background-position: center;
position: relative;
}

.hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}

.hero-content {
position: relative;
z-index: 2;
}

.hero h1 {
font-size: 3rem;
margin-bottom: 20px;
color: white;
}

.hero p {
font-size: 1.5rem;
margin-bottom: 30px;
color: white;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.btn {
display: inline-block;
padding: 12px 30px;
font-size: 18px;
font-weight: bold;
text-align: center;
text-decoration: none;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
}

.btn-primary {
background-color: var(--warning);
color: var(--dark);
border: none;
}

.btn-primary:hover {
background-color: #e0a800;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.features {
padding: 80px 0;
background-color: white;
}

.section-title {
text-align: center;
margin-bottom: 60px;
font-size: 2.5rem;
color: var(--dark);
}

.features-grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}

.feature-card {
flex: 0 0 calc(33.333% - 30px);
background-color: white;
border-radius: 10px;
padding: 30px;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}

.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.feature-icon {
font-size: 3rem;
margin-bottom: 20px;
color: var(--primary);
}

.feature-title {
font-size: 1.5rem;
margin-bottom: 15px;
color: var(--dark);
}

.testimonials {
padding: 80px 0;
background-color: #f8f9fa;
}

.testimonial-card {
background-color: white;
border-radius: 10px;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.testimonial-content {
font-style: italic;
margin-bottom: 20px;
font-size: 1.1rem;
}

.testimonial-author {
display: flex;
align-items: center;
}

.author-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
}

.author-details h4 {
margin-bottom: 5px;
color: var(--dark);
}

.cta-section {
padding: 100px 0;
text-align: center;
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: white;
}

.cta-section h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}

.cta-section p {
font-size: 1.2rem;
margin-bottom: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* VIDEO SALES PAGE */
.vsl-container {
padding: 60px 0;
text-align: center;
}

.video-container {
max-width: 800px;
margin: 0 auto 40px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
}

.video-placeholder {
background-color: #000;
width: 100%;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.5rem;
}

.benefits {
max-width: 800px;
margin: 0 auto 40px;
text-align: left;
}

.benefit-item {
margin-bottom: 20px;
padding-left: 30px;
position: relative;
}

.benefit-item::before {
content: "✓";
position: absolute;
left: 0;
color: var(--success);
font-weight: bold;
}

.price-box {
max-width: 600px;
margin: 0 auto 40px;
background-color: white;
border-radius: 10px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.price-title {
font-size: 1.8rem;
margin-bottom: 10px;
color: var(--dark);
}

.price-value {
font-size: 3rem;
margin-bottom: 20px;
color: var(--primary);
font-weight: bold;
}

.price-description {
margin-bottom: 20px;
}

.guarantee {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}

.guarantee-icon {
font-size: 2.5rem;
margin-right: 15px;
color: var(--success);
}

/* CHECKOUT PAGE */
.checkout-container {
padding: 60px 0;
}

.checkout-form {
max-width: 800px;
margin: 0 auto;
background-color: white;
border-radius: 10px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.form-title {
text-align: center;
margin-bottom: 30px;
font-size: 2rem;
color: var(--dark);
}

.form-group {
margin-bottom: 20px;
}

.form-label {
display: block;
margin-bottom: 8px;
font-weight: bold;
}

.form-control {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 16px;
}

.payment-methods {
margin-bottom: 30px;
}

.payment-title {
margin-bottom: 15px;
font-size: 1.2rem;
}
.payment-options {
display: flex;
gap: 15px;
flex-wrap: wrap;
}

.payment-option {
flex: 1;
min-width: 120px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 5px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}

.payment-option:hover, .payment-option.active {
border-color: var(--primary);
background-color: #f0f7ff;
}

.order-summary {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #ddd;
}

.summary-title {
margin-bottom: 20px;
font-size: 1.5rem;
}

.summary-item {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}

.summary-total {
display: flex;
justify-content: space-between;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ddd;
font-size: 1.2rem;
font-weight: bold;
}

/* THANK YOU PAGE */


.thankyou-container {
padding: 80px 0;
text-align: center;
}

.success-icon {
font-size: 5rem;
color: var(--success);
margin-bottom: 30px;
}

.next-steps {
max-width: 800px;
margin: 40px auto;
text-align: left;
}

.step-item {
margin-bottom: 20px;
padding: 20px;
background-color: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.step-number {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background-color: var(--primary);
color: white;
border-radius: 50%;
text-align: center;
margin-right: 10px;
}
footer {
background-color: var(--dark);
color: white;
padding: 50px 0;
text-align: center;
}

.footer-links {
margin-bottom: 20px;
}

.footer-link {
color: white;
text-decoration: none;
margin: 0 10px;
}

.footer-link:hover {
text-decoration: underline;
}

@media (max-width: 768px) {


.hero h1 {
font-size: 2rem;
}

.hero p {
font-size: 1.2rem;
}

.feature-card {
flex: 0 0 100%;
}

.section-title {
font-size: 2rem;
}
}
</style>
</head>
<body>
<!-- PAGE D'ATTERRISSAGE -->
<header>
<div class="container">
<div class="navbar">
<div class="logo">BIGFISH IA</div>
</div>
</div>
</header>

<section class="hero">
<div class="container">
<div class="hero-content">
<h1>Découvrez BIGFISH IA : Le Bot de Trading qui Génère des Revenus
Automatiquement</h1>
<p>Apprenez comment des traders utilisent l'IA pour maximiser leurs profits sans passer
des heures devant les écrans.</p>
<a href="#vsl" class="btn btn-primary">Accédez à la Démo Gratuite</a>
</div>
</div>
</section>

<section class="features">
<div class="container">
<h2 class="section-title">Pourquoi Choisir BIGFISH IA?</h2>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">📈</div>
<h3 class="feature-title">Trading Automatisé</h3>
<p>Notre IA surveille les marchés 24/7 et exécute des transactions selon des
stratégies optimisées.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🧠</div>
<h3 class="feature-title">Smart Money Concept</h3>
<p>Suivez les mouvements des institutions financières pour prendre les meilleures
décisions.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🔒</div>
<h3 class="feature-title">Gestion du Risque</h3>
<p>Protégez votre capital avec des algorithmes avancés de gestion des risques.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📱</div>
<h3 class="feature-title">Interface Intuitive</h3>
<p>Utilisable par les débutants comme par les experts, sans compétences techniques
requises.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📊</div>
<h3 class="feature-title">Analyses Détaillées</h3>
<p>Suivez vos performances avec des rapports et graphiques complets.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🚀</div>
<h3 class="feature-title">Performance Éprouvée</h3>
<p>Des résultats constants sur différents marchés et conditions.</p>
</div>
</div>
</div>
</section>

<section class="testimonials">
<div class="container">
<h2 class="section-title">Ce Que Disent Nos Utilisateurs</h2>
<div class="testimonial-card">
<p class="testimonial-content">"Depuis que j'utilise BIGFISH IA, mon temps de trading a
été réduit de 80% tandis que mes bénéfices ont augmenté de 35%. Le système prend toutes les
décisions importantes pour moi."</p>
<div class="testimonial-author">
<div class="author-avatar">
<img src="/api/placeholder/60/60" alt="Marc Dupont">
</div>
<div class="author-details">
<h4>Marc Dupont</h4>
<p>Trader depuis 5 ans</p>
</div>
</div>
</div>
<div class="testimonial-card">
<p class="testimonial-content">"Je n'avais aucune expérience en trading avant BIGFISH
IA. Aujourd'hui, je génère un revenu complémentaire sans effort grâce à l'automatisation
complète."</p>
<div class="testimonial-author">
<div class="author-avatar">
<img src="/api/placeholder/60/60" alt="Sophie Martin">
</div>
<div class="author-details">
<h4>Sophie Martin</h4>
<p>Utilisatrice depuis 8 mois</p>
</div>
</div>
</div>
<div class="testimonial-card">
<p class="testimonial-content">"Les stratégies basées sur le Smart Money Concept
m'ont ouvert les yeux. BIGFISH IA a transformé ma façon de voir les marchés et a
considérablement amélioré mes résultats."</p>
<div class="testimonial-author">
<div class="author-avatar">
<img src="/api/placeholder/60/60" alt="Thomas Leroux">
</div>
<div class="author-details">
<h4>Thomas Leroux</h4>
<p>Trader professionnel</p>
</div>
</div>
</div>
</div>
</section>

<section class="cta-section">
<div class="container">
<h2>Commencez à Générer des Profits Dès Aujourd'hui</h2>
<p>Découvrez comment BIGFISH IA peut transformer votre approche du trading et
augmenter vos revenus sans effort supplémentaire.</p>
<a href="#vsl" class="btn btn-primary">Voir la Démonstration</a>
</div>
</section>

<!-- PAGE DE PRÉSENTATION (VSL) -->


<section id="vsl" class="vsl-container">
<div class="container">
<h2 class="section-title">Découvrez BIGFISH IA en Action</h2>
<div class="video-container">
<div class="video-placeholder">
[VIDÉO DE PRÉSENTATION - VSL]
</div>
</div>

<div class="benefits">
<h3>Ce Que BIGFISH IA Peut Faire Pour Vous :</h3>
<div class="benefit-item">
<strong>Automatisation Complète</strong> - Le bot surveille les marchés et exécute
des transactions sans intervention manuelle.
</div>
<div class="benefit-item">
<strong>Stratégies Smart Money</strong> - Suivez les mouvements des grands
acteurs du marché pour des décisions plus éclairées.
</div>
<div class="benefit-item">
<strong>Gestion Avancée des Risques</strong> - Protection de votre capital avec des
stop-loss dynamiques et une gestion de position intelligente.
</div>
<div class="benefit-item">
<strong>Signaux Multi-Temporels</strong> - Analyse simultanée de plusieurs
timeframes pour des entrées et sorties optimisées.
</div>
<div class="benefit-item">
<strong>Compatible Avec Tous les Brokers</strong> - Connectez-vous facilement à
votre plateforme de trading préférée.
</div>
<div class="benefit-item">
<strong>Mises à Jour Régulières</strong> - Notre équipe améliore constamment les
algorithmes pour s'adapter aux conditions changeantes du marché.
</div>
<div class="benefit-item">
<strong>Support Technique 24/7</strong> - Une assistance personnalisée pour
répondre à toutes vos questions.
</div>
</div>

<div class="price-box">
<h3 class="price-title">Offre Limitée</h3>
<div class="price-value">497€ <span style="font-size: 1.2rem; text-decoration: line-
through; color: #999;">997€</span></div>
<p class="price-description">Accès à vie à BIGFISH IA avec toutes les mises à jour futures
incluses.</p>
<a href="#checkout" class="btn btn-primary">Obtenir BIGFISH IA Maintenant</a>
</div>

<div class="guarantee">
<div class="guarantee-icon">⭐</div>
<p><strong>Garantie Satisfait ou Remboursé de 30 Jours</strong> - Testez BIGFISH IA
sans risque pendant 30 jours. Si vous n'êtes pas satisfait, nous vous remboursons
intégralement.</p>
</div>
</div>
</section>
<!-- PAGE DE PAIEMENT -->
<section id="checkout" class="checkout-container">
<div class="container">
<div class="checkout-form">
<h2 class="form-title">Finaliser Votre Commande</h2>
<div class="form-group">
<label class="form-label">Nom Complet</label>
<input type="text" class="form-control" placeholder="Votre nom complet">
</div>
<div class="form-group">
<label class="form-label">Email</label>
<input type="email" class="form-control" placeholder="Votre adresse email">
</div>
<div class="form-group">
<label class="form-label">Téléphone</label>
<input type="tel" class="form-control" placeholder="Votre numéro de téléphone">
</div>

<div class="payment-methods">
<h3 class="payment-title">Méthode de Paiement</h3>
<div class="payment-options">
<div class="payment-option active">
Carte Bancaire
</div>
<div class="payment-option">
PayPal
</div>
<div class="payment-option">
Virement
</div>
</div>
</div>

<div class="form-group">
<label class="form-label">Numéro de Carte</label>
<input type="text" class="form-control" placeholder="1234 5678 9012 3456">
</div>
<div style="display: flex; gap: 15px;">
<div class="form-group" style="flex: 1;">
<label class="form-label">Date d'Expiration</label>
<input type="text" class="form-control" placeholder="MM/AA">
</div>
<div class="form-group" style="flex: 1;">
<label class="form-label">CVV</label>
<input type="text" class="form-control" placeholder="123">
</div>
</div>

<div class="order-summary">
<h3 class="summary-title">Récapitulatif de la Commande</h3>
<div class="summary-item">
<span>BIGFISH IA - Accès à Vie</span>
<span>497€</span>
</div>
<div class="summary-item">
<span>Support Premium</span>
<span>Inclus</span>
</div>
<div class="summary-item">
<span>Mises à Jour Futures</span>
<span>Inclus</span>
</div>
<div class="summary-total">
<span>Total</span>
<span>497€</span>
</div>
</div>

<div style="margin-top: 30px; text-align: center;">


<a href="#thankyou" class="btn btn-primary">Payer Maintenant</a>
</div>
</div>
</div>
</section>

<!-- PAGE DE REMERCIEMENT -->


<section id="thankyou" class="thankyou-container">
<div class="container">
<div class="success-icon">✅</div>
<h2 class="section-title">Merci Pour Votre Achat!</h2>
<p>Votre commande a été traitée avec succès. Vous recevrez un email de confirmation
sous peu.</p>

<div class="next-steps">
<h3>Prochaines Étapes :</h3>
<div class="step-item">
<span class="step-number">1</span>
<strong>Vérifiez Votre Email</strong> - Nous vous avons envoyé les instructions
d'accès à BIGFISH IA.
</div>
<div class="step-item">
<span class="step-number">2</span>
<strong>Téléchargez le Logiciel</strong> - Suivez les instructions pour installer
BIGFISH IA sur votre ordinateur.
</div>
<div class="step-item">
<span class="step-number">3</span>
<strong>Connectez Votre Compte de Trading</strong> - Configurez votre compte avec
les paramètres recommandés.
</div>
<div class="step-item">
<span class="step-number">4</span>
<strong>Commencez à Trader</strong> - Activez le bot et laissez-le travailler pour
vous.
</div>
</div>

<div style="margin-top: 40px;">


<p>Besoin d'aide? Contactez notre équipe de support à
<strong>[email protected]</strong></p>
</div>
</div>
</section>

<footer>
<div class="container">
<div class="footer-links">
<a href="#" class="footer-link">Accueil</a>
<a href="#" class="footer-link">À Propos</a>
<a href="#" class="footer-link">Conditions d'Utilisation</a>
<a href="#" class="footer-link">Politique de Confidentialité</a>
<a href="#" class="footer-link">Contact</a>
</div>
<p>&copy; 2025 BIGFISH IA. Tous Droits Réservés.</p>
</div>
</footer>

<script>
// JavaScript simple pour la navigation
document.addEventListener('DOMContentLoaded', function() {
// Gérer les liens d'ancrage avec défilement fluide
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();

document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});

// Gérer les options de paiement


const paymentOptions = document.querySelectorAll('.payment-option');
paymentOptions.forEach(option => {
option.addEventListener('click', function() {
paymentOptions.forEach(opt => opt.classList.remove('active'));
this.classList.add('active');
});
});
});
</script>
</body>
</html>

You might also like