diff --git a/src/app/page.tsx b/src/app/page.tsx index cec1d5f..5171243 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import MetricCardTen from "@/components/sections/metrics/MetricCardTen"; import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne"; import ContactFaq from "@/components/sections/contact/ContactFaq"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Award, CheckCircle, Clock, Heart, Home, Lightbulb, Phone, Sparkles, Users, Zap } from "lucide-react"; +import { Award, CheckCircle, Clock, Heart, Home, Lightbulb, Phone, Sparkles, Users, Zap, Hammer, ListChecks, Star } from "lucide-react"; export default function LandingPage() { return ( @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="smallMedium" sizing="medium" - background="noise" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="primary-glow" secondaryButtonStyle="radial-glow" @@ -46,13 +46,13 @@ export default function LandingPage() { tag="Expertise locale à Yerres" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "plain" }} mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-working-with-masks_23-2148751983.jpg?_wi=1", imageAlt: "Rénovation moderne d'intérieur" }, - { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-blue-cabinets_23-2151995372.jpg?_wi=1", imageAlt: "Cuisine rénovée contemporaine" }, - { imageSrc: "http://img.b2bpic.net/free-photo/interior-wooden-russian-bath-with-traditional-items-use_169016-4337.jpg?_wi=1", imageAlt: "Salle de bain luxueuse rénovée" }, - { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=1", imageAlt: "Sols rénovés avec finition impeccable" }, - { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg?_wi=1", imageAlt: "Projet de rénovation finalisé" } + { imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-working-with-masks_23-2148751983.jpg", imageAlt: "Rénovation moderne d'intérieur" }, + { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-blue-cabinets_23-2151995372.jpg", imageAlt: "Cuisine rénovée contemporaine" }, + { imageSrc: "http://img.b2bpic.net/free-photo/interior-wooden-russian-bath-with-traditional-items-use_169016-4337.jpg", imageAlt: "Salle de bain luxueuse rénovée" }, + { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "Sols rénovés avec finition impeccable" }, + { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", imageAlt: "Projet de rénovation finalisé" } ]} mediaAnimation="slide-up" buttons={[ @@ -90,7 +90,7 @@ export default function LandingPage() { title="Nos services de rénovation" description="Une palette complète de services pour tous vos besoins de rénovation immobilière" tag="Services" - tagIcon={Sparkles} + tagIcon={Hammer} tagAnimation="slide-up" features={[ { @@ -100,18 +100,18 @@ export default function LandingPage() { }, { id: 2, - title: "Salle de bain", description: "Création de salles de bain modernes et fonctionnelles. Pose complète avec finitions soignées.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/interior-wooden-russian-bath-with-traditional-items-use_169016-4337.jpg?_wi=2", imageAlt: "Salle de bain - Phone 1" }, - phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=2", imageAlt: "Salle de bain - Phone 2" } + title: "Salle de bain", description: "Création de salles de bain modernes et fonctionnelles. Pose complète avec finitions soignées.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/interior-wooden-russian-bath-with-traditional-items-use_169016-4337.jpg", imageAlt: "Salle de bain - Phone 1" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "Salle de bain - Phone 2" } }, { id: 3, - title: "Cuisine aménagée", description: "Installation de cuisines sur mesure. Pose précise et intégration parfaite dans votre espace.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-blue-cabinets_23-2151995372.jpg?_wi=2", imageAlt: "Cuisine aménagée - Phone 1" }, - phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg?_wi=2", imageAlt: "Cuisine aménagée - Phone 2" } + title: "Cuisine aménagée", description: "Installation de cuisines sur mesure. Pose précise et intégration parfaite dans votre espace.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-blue-cabinets_23-2151995372.jpg", imageAlt: "Cuisine aménagée - Phone 1" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", imageAlt: "Cuisine aménagée - Phone 2" } }, { id: 4, title: "Travaux de maçonnerie", description: "Modification de murs, ouvertures, rehaussement. Travaux structurels réalisés avec sérieux et précision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/industrial-builder-works-with-professional-angle-grinder-cut-bricks-build-interior-walls-electrician_169016-5878.jpg", imageAlt: "Maçonnerie - Phone 1" }, - phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-working-with-masks_23-2148751983.jpg?_wi=2", imageAlt: "Maçonnerie - Phone 2" } + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-working-with-masks_23-2148751983.jpg", imageAlt: "Maçonnerie - Phone 2" } } ]} showStepNumbers={true} @@ -150,7 +150,7 @@ export default function LandingPage() { title="Comment se déroule votre projet" description="Un processus clair et transparent du début à la fin" tag="Processus" - tagIcon={Sparkles} + tagIcon={ListChecks} tagAnimation="slide-up" metrics={[ { id: "1", title: "Prise de contact", subtitle: "Première étape de votre projet", category: "Consultation", value: "Gratuit" }, @@ -170,7 +170,7 @@ export default function LandingPage() { title="Ce que nos clients disent" description="Des témoignages authentiques de clients satisfaits par la qualité et le professionnalisme de nos rénovations" tag="Avis clients" - tagIcon={Sparkles} + tagIcon={Star} tagAnimation="slide-up" testimonials={[ { id: "1", name: "Nathalie Drège", role: "Propriétaire", company: "Yerres", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg", imageAlt: "Portrait de Nathalie Drège" }, diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..762a584 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,30 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ text, className = '' }) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file