bender/7210e347-2b71-4b6c-97ad-ff3ce1ea430c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

8 Commits
version_1 ... main

Author SHA1 Message Date
bender
2cb06ef38a Merge version_2 into main 
Merge version_2 into main
 2026-03-05 18:15:07 +00:00
bender
c637dabb48 Update src/app/page.tsx 2026-03-05 18:15:03 +00:00
bender
fb0693eb6a Update src/app/layout.tsx 2026-03-05 18:15:03 +00:00
bender
ceea4d8c41 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 18:11:20 +00:00
bender
cfdd7b8c96 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 18:04:48 +00:00
bender
1c082c57aa Merge version_1 into main 
Merge version_1 into main
 2026-03-05 17:56:59 +00:00
bender
477a9427b5 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 17:55:58 +00:00
bender
f0a92e8b4e Merge version_1 into main 
Merge version_1 into main
 2026-03-05 17:54:49 +00:00
2 changed files with 63 additions and 64 deletions
Expand all files Collapse all files

48
src/app/layout.tsx
View File

@@ -1,54 +1,27 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Yanis | Création de sites web modernes", description: "Création de sites web professionnels pour petits business et entrepreneurs. Design moderne, responsive et livraison rapide.", keywords: "web design, création site web, freelance, développeur web, petit business, startup, design responsive", openGraph: {
title: "Yanis | Création de sites web modernes", description: "Je crée des sites web modernes et efficaces pour les petits business", siteName: "Yanis", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-coffee-plants_9975-24294.jpg", alt: "Yanis portfolio"},
],
},
twitter: {
card: "summary_large_image", title: "Yanis | Création de sites web modernes", description: "Sites web professionnels pour votre business", images: ["http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-coffee-plants_9975-24294.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "Yanis Dev - Création de sites web modernes", description: "Je crée des sites web modernes et efficaces pour les petits business"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
>
<Tag />
{children}
<html lang="fr" suppressHydrationWarning>
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1416,7 +1389,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

79
src/app/page.tsx
View File

@@ -10,9 +10,13 @@ import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { CheckCircle, Palette, Smartphone, Zap, Rocket } from "lucide-react";
import { CheckCircle, Palette, Smartphone, Zap, Rocket, Mail } from "lucide-react";
export default function LandingPage() {
const handleEmailClick = () => {
window.location.href = "mailto:contact@yanisdev.com";
};
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -48,17 +52,23 @@ export default function LandingPage() {
buttons={[{ text: "Me contacter", href: "#contact" }]}
carouselItems={[
{
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-coffee-plants_9975-24294.jpg?_wi=1", imageAlt: "Freelancer workspace"},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-coffee-plants_9975-24294.jpg?_wi=1", imageAlt: "Freelancer workspace"
},
{
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-vector/creative-process-landing-page_23-2148156387.jpg", imageAlt: "Web design"},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-vector/creative-process-landing-page_23-2148156387.jpg", imageAlt: "Web design"
},
{
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483806.jpg", imageAlt: "Responsive design"},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483806.jpg", imageAlt: "Responsive design"
},
{
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/axelborg-towers-modern-architecture_181624-37834.jpg?id=15036385", imageAlt: "Fast delivery"},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/axelborg-towers-modern-architecture_181624-37834.jpg?id=15036385", imageAlt: "Fast delivery"
},
{
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=1", imageAlt: "Portfolio example"},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=1", imageAlt: "Portfolio example"
},
{
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg?_wi=1", imageAlt: "Portfolio example"},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg?_wi=1", imageAlt: "Portfolio example"
},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -72,13 +82,16 @@ export default function LandingPage() {
features={[
{
icon: Palette,
title: "Site vitrine moderne", description: "Un design contemporain et épuré qui reflète votre professionnalisme et attire vos clients."},
title: "Site vitrine moderne", description: "Un design contemporain et épuré qui reflète votre professionnalisme et attire vos clients."
},
{
icon: Smartphone,
title: "Design responsive", description: "Votre site fonctionne parfaitement sur mobile, tablette et ordinateur."},
title: "Design responsive", description: "Votre site fonctionne parfaitement sur mobile, tablette et ordinateur."
},
{
icon: Zap,
title: "Livraison rapide", description: "Pas de prise de tête. Je livre dans les délais convenus, sans surprise."},
title: "Livraison rapide", description: "Pas de prise de tête. Je livre dans les délais convenus, sans surprise."
},
]}
animationType="slide-up"
textboxLayout="default"
@@ -93,13 +106,16 @@ export default function LandingPage() {
bulletPoints={[
{
icon: CheckCircle,
title: "Indépendants & Freelances", description: "Showcase vos services et attirez de nouveaux clients en ligne."},
title: "Indépendants & Freelances", description: "Showcase vos services et attirez de nouveaux clients en ligne."
},
{
icon: CheckCircle,
title: "Petits Commerces", description: "Un site professionnel pour montrer votre sérieux et votre expertise locale."},
title: "Petits Commerces", description: "Un site professionnel pour montrer votre sérieux et votre expertise locale."
},
{
icon: CheckCircle,
title: "Entrepreneurs", description: "Lancez votre présence web sans coûts exorbitants ni complications techniques."},
title: "Entrepreneurs", description: "Lancez votre présence web sans coûts exorbitants ni complications techniques."
},
]}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-coffee-plants_9975-24294.jpg?_wi=2"
imageAlt="Yanis working on web project"
@@ -116,20 +132,24 @@ export default function LandingPage() {
description="Quatre étapes simples et rassurantes pour transformer votre vision en réalité."
metrics={[
{
id: "step-1", value: "01", title: "Vous m'expliquervotre besoin", items: [
"Entretien sans engagement", "Compréhension de votre projet", "Définition des objectifs"],
id: "step-1", value: "01", title: "Vous m'expliquez votre besoin", items: [
"Entretien sans engagement", "Compréhension de votre projet", "Définition des objectifs"
],
},
{
id: "step-2", value: "02", title: "Je crée le site", items: [
"Design sur mesure", "Développement responsive", "Optimisation performante"],
"Design sur mesure", "Développement responsive", "Optimisation performante"
],
},
{
id: "step-3", value: "03", title: "Vous validez", items: [
"Présentation du résultat", "Révisions illimitées", "Validation finale"],
"Présentation du résultat", "Révisions illimitées", "Validation finale"
],
},
{
id: "step-4", value: "04", title: "Mise en ligne rapide", items: [
"Déploiement immédiat", "Formation incluse", "Support disponible"],
"Déploiement immédiat", "Formation incluse", "Support disponible"
],
},
]}
animationType="slide-up"
@@ -144,11 +164,14 @@ export default function LandingPage() {
description="Découvrez des exemples de sites que j'ai créés pour différents types de business."
blogs={[
{
id: "project-1", category: "Coiffeur", title: "Salon de Coiffure Beauty & Style", excerpt: "Site vitrine moderne avec galerie photos, tarifs et formulaire de réservation intégré.", imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=2", imageAlt: "Salon de coiffure", authorName: "Yanis Dev", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Voir le projet"},
id: "project-1", category: "Coiffeur", title: "Salon de Coiffure Beauty & Style", excerpt: "Site vitrine moderne avec galerie photos, tarifs et formulaire de réservation intégré.", imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=2", imageAlt: "Salon de coiffure", authorName: "Yanis Dev", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Voir le projet"
},
{
id: "project-2", category: "Restaurant", title: "Restaurant Le Gourmet Local", excerpt: "Site avec menu interactif, système de réservation et présentation de la cuisine locale.", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg?_wi=2", imageAlt: "Restaurant", authorName: "Yanis Dev", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Voir le projet"},
id: "project-2", category: "Restaurant", title: "Restaurant Le Gourmet Local", excerpt: "Site avec menu interactif, système de réservation et présentation de la cuisine locale.", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg?_wi=2", imageAlt: "Restaurant", authorName: "Yanis Dev", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Voir le projet"
},
{
id: "project-3", category: "Commerce", title: "E-commerce Boutique Artisanale", excerpt: "Plateforme de vente en ligne pour produits faits main avec paiement sécurisé.", imageSrc: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg", imageAlt: "Boutique artisanale", authorName: "Yanis Dev", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Voir le projet"},
id: "project-3", category: "Commerce", title: "E-commerce Boutique Artisanale", excerpt: "Plateforme de vente en ligne pour produits faits main avec paiement sécurisé.", imageSrc: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg", imageAlt: "Boutique artisanale", authorName: "Yanis Dev", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Voir le projet"
},
]}
animationType="slide-up"
textboxLayout="default"
@@ -164,16 +187,20 @@ export default function LandingPage() {
testimonials={[
{
id: "testimonial-1", name: "Sarah Martin", role: "Coiffeuse", company: "Beauty & Style", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Martin"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Martin"
},
{
id: "testimonial-2", name: "Pierre Durand", role: "Restaurateur", company: "Le Gourmet", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Pierre Durand"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Pierre Durand"
},
{
id: "testimonial-3", name: "Marie Leclerc", role: "Artisan", company: "Boutique Créative", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Marie Leclerc"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Marie Leclerc"
},
{
id: "testimonial-4", name: "Thomas Petit", role: "Entrepreneur", company: "Start-Up Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Thomas Petit"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Thomas Petit"
},
]}
kpiItems={[
{ value: "50+", label: "Sites créés" },
@@ -193,7 +220,7 @@ export default function LandingPage() {
title="Un projet ? Parlons-en."
description="Contactez-moi pour discuter de votre projet. Je vous réponds rapidement et sans engagement."
buttons={[
{ text: "Email", href: "mailto:contact@yanisdev.com" },
{ text: "Email", onClick: handleEmailClick },
{ text: "WhatsApp", href: "https://wa.me/33600000000" },
]}
background={{ variant: "plain" }}