294 lines
9.8 KiB
TypeScript
294 lines
9.8 KiB
TypeScript
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
|
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
|
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
|
import HeroBrand from '@/components/sections/hero/HeroBrand';
|
|
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
|
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
|
import { CheckCircle, Clock, DollarSign, Rocket, Search, Target, TrendingUp, User, Users, Zap } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroBrand
|
|
brand="Entrepreneur Path"
|
|
description="Apprends l'entrepreneuriat avec un chemin clair, pas des cours dispersés. Choisis ton objectif et suis un parcours guidé vers le succès."
|
|
primaryButton={{
|
|
text: "Commencer",
|
|
href: "#goals",
|
|
}}
|
|
secondaryButton={{
|
|
text: "En savoir plus",
|
|
href: "#about",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=1"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutTextSplit
|
|
title="Une nouvelle façon d'apprendre"
|
|
descriptions={[
|
|
"Nous pensons que l'entrepreneuriat ne s'apprend pas dans des bibliothèques infinies, mais à travers l'action. Oubliez la théorie pure et les listes de vidéos sans fin.",
|
|
"Chaque parcours sur notre plateforme est conçu pour vous faire avancer concrètement. De l'idée initiale à la validation, nous vous guidons étape par étape.",
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="goals" data-section="goals">
|
|
<SectionErrorBoundary name="goals">
|
|
<FeaturesBento
|
|
tag="Objectifs"
|
|
title="Choisis ton aventure"
|
|
description="Sélectionne un objectif pour générer ton parcours sur-mesure"
|
|
features={[
|
|
{
|
|
title: "Startup",
|
|
description: "Lancer ton projet tech",
|
|
bentoComponent: "info-card-marquee",
|
|
infoCards: [
|
|
{
|
|
icon: Rocket,
|
|
label: "Niveau",
|
|
value: "Expert",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
label: "Vitesse",
|
|
value: "Haute",
|
|
},
|
|
{
|
|
icon: Target,
|
|
label: "Focus",
|
|
value: "Produit",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
|
|
imageAlt: "Broker looking at laptop analyzing stock market invest trading stocks graph",
|
|
},
|
|
{
|
|
title: "Freelance",
|
|
description: "Devenir autonome",
|
|
bentoComponent: "info-card-marquee",
|
|
infoCards: [
|
|
{
|
|
icon: User,
|
|
label: "Niveau",
|
|
value: "Débutant",
|
|
},
|
|
{
|
|
icon: Clock,
|
|
label: "Vitesse",
|
|
value: "Moyenne",
|
|
},
|
|
{
|
|
icon: DollarSign,
|
|
label: "Focus",
|
|
value: "Revenu",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=2",
|
|
imageAlt: "Broker looking at laptop analyzing stock market invest trading stocks graph",
|
|
},
|
|
{
|
|
title: "Marketing",
|
|
description: "Maîtriser l'acquisition",
|
|
bentoComponent: "info-card-marquee",
|
|
infoCards: [
|
|
{
|
|
icon: Megaphone,
|
|
label: "Niveau",
|
|
value: "Intermédiaire",
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
label: "Vitesse",
|
|
value: "Haute",
|
|
},
|
|
{
|
|
icon: Search,
|
|
label: "Focus",
|
|
value: "Clients",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrows-pointing-dartboard_23-2148543336.jpg?_wi=1",
|
|
imageAlt: "Broker looking at laptop analyzing stock market invest trading stocks graph",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="parcours" data-section="parcours">
|
|
<SectionErrorBoundary name="parcours">
|
|
<FeaturesImageBento
|
|
tag="Parcours"
|
|
title="Ton guide étape par étape"
|
|
description="Une méthodologie concrète pour ne plus jamais être perdu."
|
|
items={[
|
|
{
|
|
title: "1. Idée",
|
|
description: "Trouve ta niche rentable.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrows-pointing-dartboard_23-2148543336.jpg?_wi=2",
|
|
},
|
|
{
|
|
title: "2. Validation",
|
|
description: "Parle aux clients.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg",
|
|
},
|
|
{
|
|
title: "3. MVP",
|
|
description: "Construis ton produit.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760992.jpg",
|
|
},
|
|
{
|
|
title: "4. Acquisition",
|
|
description: "Tes premiers utilisateurs.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flag-icon-front-side-with-white-background_187299-39854.jpg",
|
|
},
|
|
{
|
|
title: "5. Monétisation",
|
|
description: "Fais tes premières ventes.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-vector-illustration-yellow-sticky-notes-pencil_1308-186781.jpg",
|
|
},
|
|
{
|
|
title: "6. Scalabilité",
|
|
description: "Accélère ton business.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023755.jpg",
|
|
},
|
|
{
|
|
title: "7. Automatisation",
|
|
description: "Délègue et optimise.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/roundel-parking-garage-hamburg-germany_181624-42134.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsIconCards
|
|
tag="Progression"
|
|
title="Avance à ton rythme"
|
|
description="Suis tes tâches et tes objectifs en temps réel."
|
|
metrics={[
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Tâches accomplies",
|
|
value: "1,200+",
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Entrepreneurs actifs",
|
|
value: "500+",
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
title: "Croissance moyenne",
|
|
value: "45%",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialMarqueeOverlayCards
|
|
tag="Social Proof"
|
|
title="Ce qu'ils en pensent"
|
|
description="Des entrepreneurs qui ont réussi grâce à nos parcours."
|
|
testimonials={[
|
|
{
|
|
name: "Alex B.",
|
|
role: "Founder",
|
|
company: "Tech",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
|
|
},
|
|
{
|
|
name: "Sarah L.",
|
|
role: "Freelance",
|
|
company: "Agency",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
|
},
|
|
{
|
|
name: "Marc T.",
|
|
role: "CEO",
|
|
company: "SaaS",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-with-denim-jacket-smiling_1187-1316.jpg",
|
|
},
|
|
{
|
|
name: "Julie D.",
|
|
role: "Founder",
|
|
company: "Product",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg",
|
|
},
|
|
{
|
|
name: "Paul C.",
|
|
role: "Advisor",
|
|
company: "VC",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqTabbedAccordion
|
|
tag="Support"
|
|
title="Questions fréquentes"
|
|
description="Besoin d'aide pour commencer ?"
|
|
categories={[
|
|
{
|
|
name: "General",
|
|
items: [
|
|
{
|
|
question: "Est-ce gratuit ?",
|
|
answer: "Oui, le MVP est gratuit pour tous.",
|
|
},
|
|
{
|
|
question: "Combien de temps ça prend ?",
|
|
answer: "Environ 30 minutes par jour.",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Démarrer"
|
|
text="Prêt à lancer ton projet ?"
|
|
primaryButton={{
|
|
text: "Commencer maintenant",
|
|
href: "#start",
|
|
}}
|
|
secondaryButton={{
|
|
text: "En savoir plus",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|