From 271e4596d9c34537b4787f44162be009d2467c12 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 16:42:53 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 388 +++++++++++++---------------------------------- 1 file changed, 104 insertions(+), 284 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 559ad20..9dfb09a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import ProductCardThree from '@/components/sections/product/ProductCardThree'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; -import { Award, CheckCircle, Code, Database, Layout, Palette, Search, Server, ShieldCheck, Sparkles, Star, Zap } from "lucide-react"; +import { Award, CheckCircle, Code, Database, Layout, MonitorSmartphone, Palette, Search, Server, ShieldCheck, Sparkles, Star, Zap } from "lucide-react"; export default function LandingPage() { return ( @@ -34,43 +34,25 @@ export default function LandingPage() { @@ -80,38 +62,24 @@ export default function LandingPage() { description="Des sites web sur mesure, modernes et performants qui transforment vos idées en réalité numérique. Nous concevons pour votre succès." buttons={[ { - text: "Découvrir nos Services", - href: "#services", - }, + text: "Découvrir nos Services", href: "#services"}, { - text: "Voir nos Réalisations", - href: "#products", - }, + text: "Voir nos Réalisations", href: "#products"}, ]} avatars={[ { - src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4192.jpg", - alt: "Témoignage client 1", - }, + src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4192.jpg", alt: "Témoignage client 1"}, { - src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg", - alt: "Témoignage client 2", - }, + src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg", alt: "Témoignage client 2"}, { - src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", - alt: "Témoignage client 3", - }, + src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", alt: "Témoignage client 3"}, { - src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", - alt: "Témoignage client 4", - }, + src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "Témoignage client 4"}, { - src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", - alt: "Photo de cadre supérieure satisfaite", - }, + src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Photo de cadre supérieure satisfaite"}, ]} avatarText="+ 200 projets réalisés avec succès" - imageSrc="http://img.b2bpic.net/free-photo/man-receiving-phone-call-from-friend-while-working-from-home-laptop_482257-92903.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/man-receiving-phone-call-from-friend-while-working-from-home-laptop_482257-92903.jpg" imageAlt="Espace de travail moderne avec un ordinateur affichant un site web" showBlur={true} /> @@ -138,80 +106,53 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Conception & UX/UI", - description: "Nous créons des designs intuitifs et esthétiques, garantissant une navigation fluide et agréable pour vos utilisateurs.", - media: { - imageSrc: "http://img.b2bpic.net/free-vector/landing-page-with-liquid-effect_52683-8263.jpg", - imageAlt: "Illustration de design web responsive", - }, + title: "Conception & UX/UI", description: "Nous créons des designs intuitifs et esthétiques, garantissant une navigation fluide et agréable pour vos utilisateurs.", media: { + imageSrc: "http://img.b2bpic.net/free-vector/landing-page-with-liquid-effect_52683-8263.jpg", imageAlt: "Illustration de design web responsive"}, items: [ { icon: Layout, - text: "Wireframing & Maquettes", - }, + text: "Wireframing & Maquettes"}, { icon: Palette, - text: "Design sur mesure", - }, + text: "Design sur mesure"}, { icon: MonitorSmartphone, - text: "Design Responsive", - }, + text: "Design Responsive"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/man-receiving-phone-call-from-friend-while-working-from-home-laptop_482257-92903.jpg?_wi=2", - imageAlt: "responsive web design illustration multi-device", + reverse: false }, { - title: "Développement Robuste", - description: "Nous utilisons les technologies les plus récentes pour bâtir des sites sécurisés, rapides et évolutifs, adaptés à vos besoins spécifiques.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16318.jpg", - imageAlt: "Représentation abstraite de code propre", - }, + title: "Développement Robuste", description: "Nous utilisons les technologies les plus récentes pour bâtir des sites sécurisés, rapides et évolutifs, adaptés à vos besoins spécifiques.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16318.jpg", imageAlt: "Représentation abstraite de code propre"}, items: [ { icon: Code, - text: "Développement Front-end", - }, + text: "Développement Front-end"}, { icon: Server, - text: "Développement Back-end", - }, + text: "Développement Back-end"}, { icon: Database, - text: "Intégration BDD", - }, + text: "Intégration BDD"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4192.jpg", - imageAlt: "responsive web design illustration multi-device", + reverse: true }, { - title: "Optimisation & SEO", - description: "Votre site est optimisé pour les moteurs de recherche et la performance, assurant une visibilité maximale et une excellente expérience utilisateur.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/magnifying-glass-black-keyboard_93675-129659.jpg", - imageAlt: "Illustration d'optimisation SEO", - }, + title: "Optimisation & SEO", description: "Votre site est optimisé pour les moteurs de recherche et la performance, assurant une visibilité maximale et une excellente expérience utilisateur.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/magnifying-glass-black-keyboard_93675-129659.jpg", imageAlt: "Illustration d'optimisation SEO"}, items: [ { icon: Search, - text: "Référencement Naturel (SEO)", - }, + text: "Référencement Naturel (SEO)"}, { icon: Zap, - text: "Performance et Vitesse", - }, + text: "Performance et Vitesse"}, { icon: ShieldCheck, - text: "Sécurité et Maintenance", - }, + text: "Sécurité et Maintenance"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg", - imageAlt: "responsive web design illustration multi-device", - }, + reverse: false + } ]} title="Nos Services de Création Web" description="Du concept à la mise en ligne, nous gérons chaque étape pour un site qui vous ressemble et qui performe sur tous les fronts." @@ -220,52 +161,29 @@ export default function LandingPage() {
@@ -499,64 +333,50 @@ export default function LandingPage() { logoText="Built By Cam" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Création de Sites", - href: "#services", + label: "Création de Sites", href: "#services" }, { - label: "Design UX/UI", - href: "#services", + label: "Design UX/UI", href: "#services" }, { - label: "Développement Web", - href: "#services", + label: "Développement Web", href: "#services" }, { - label: "SEO & Optimisation", - href: "#services", - }, - ], + label: "SEO & Optimisation", href: "#services" + } + ] }, { - title: "Entreprise", - items: [ + title: "Entreprise", items: [ { - label: "À propos de nous", - href: "#about", + label: "À propos de nous", href: "#about" }, { - label: "Nos Réalisations", - href: "#products", + label: "Nos Réalisations", href: "#products" }, { - label: "Témoignages", - href: "#testimonials", + label: "Témoignages", href: "#testimonials" }, { - label: "FAQ", - href: "#faq", - }, - ], + label: "FAQ", href: "#faq" + } + ] }, { - title: "Contact", - items: [ + title: "Contact", items: [ { - label: "Email: camillelaperche.pro@gmail.com", - href: "mailto:camillelaperche.pro@gmail.com", + label: "Email: camillelaperche.pro@gmail.com", href: "mailto:camillelaperche.pro@gmail.com" }, { - label: "LinkedIn", - href: "https://linkedin.com/in/camillelaperche", + label: "LinkedIn", href: "https://linkedin.com/in/camillelaperche" }, { - label: "Prendre rendez-vous", - href: "#contact", - }, - ], - }, + label: "Prendre rendez-vous", href: "#contact" + } + ] + } ]} copyrightText="© 2024 Built By Cam. Tous droits réservés." />