diff --git a/src/app/page.tsx b/src/app/page.tsx index 4a9af18..a59e041 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,7 +23,7 @@ const heroMediaItems = [ { imageSrc: "http://img.b2bpic.net/free-photo/finding-new-customers-is-problem-him_329181-15220.jpg", imageAlt: "FEBRIX AI Receptionist System"}, { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg?_wi=1", imageAlt: "FEBRIX Technology Interface"}, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg", imageAlt: "FEBRIX Technology Interface"}, { imageSrc: "http://img.b2bpic.net/free-vector/infographic-marketing-phases-template_23-2148284542.jpg", imageAlt: "FEBRIX Process Flow"}, { @@ -34,24 +34,24 @@ const heroMediaItems = [ const problemFeatures = [ { - id: "01", title: "Le téléphone sonne", description: "Les appels arrivent sans cesse pendant les heures de pointe et de rush service", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg?_wi=1", imageAlt: "Busy restaurant during service"}, + id: "01", title: "Le téléphone sonne", description: "Les appels arrivent sans cesse pendant les heures de pointe et de rush service", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg", imageAlt: "Busy restaurant during service"}, { - id: "02", title: "L'équipe est occupée", description: "Votre personnel est en cuisine ou en salle, impossible de répondre à tous les appels", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg?_wi=2", imageAlt: "Restaurant staff overwhelmed"}, + id: "02", title: "L'équipe est occupée", description: "Votre personnel est en cuisine ou en salle, impossible de répondre à tous les appels", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg", imageAlt: "Restaurant staff overwhelmed"}, { - id: "03", title: "Appels manqués", description: "Certains appels restent sans réponse malgré les meilleures intentions de votre équipe", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg?_wi=3", imageAlt: "Missed calls problem"}, + id: "03", title: "Appels manqués", description: "Certains appels restent sans réponse malgré les meilleures intentions de votre équipe", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg", imageAlt: "Missed calls problem"}, { - id: "04", title: "Clients qui commandent ailleurs", description: "Les clients impatients appellent un restaurant concurrent qui répond immédiatement", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg?_wi=4", imageAlt: "Customer orders from competitor"}, + id: "04", title: "Clients qui commandent ailleurs", description: "Les clients impatients appellent un restaurant concurrent qui répond immédiatement", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-living-together_23-2149358480.jpg", imageAlt: "Customer orders from competitor"}, ]; const solutionFeatures = [ { - id: "01", title: "Répond instantanément", description: "Chaque appel est pris en charge en moins d'une seconde, 24h/24, 7j/7", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg?_wi=2", imageAlt: "Instant call response system"}, + id: "01", title: "Répond instantanément", description: "Chaque appel est pris en charge en moins d'une seconde, 24h/24, 7j/7", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg", imageAlt: "Instant call response system"}, { - id: "02", title: "Prend les commandes", description: "FEBRIX enregistre précisément chaque commande client sans jamais oublier de détails", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg?_wi=3", imageAlt: "Order taking AI system"}, + id: "02", title: "Prend les commandes", description: "FEBRIX enregistre précisément chaque commande client sans jamais oublier de détails", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg", imageAlt: "Order taking AI system"}, { - id: "03", title: "Fonctionne 24h/24", description: "Disponible jour et nuit pour capturer chaque commande potentielle de votre restaurant", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg?_wi=4", imageAlt: "24/7 operation system"}, + id: "03", title: "Fonctionne 24h/24", description: "Disponible jour et nuit pour capturer chaque commande potentielle de votre restaurant", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg", imageAlt: "24/7 operation system"}, { - id: "04", title: "Gère plusieurs appels simultanément", description: "Pas de limite : FEBRIX traite plusieurs appels en parallèle sans jamais en perdre un", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg?_wi=5", imageAlt: "Multiple simultaneous calls handling"}, + id: "04", title: "Gère plusieurs appels simultanément", description: "Pas de limite : FEBRIX traite plusieurs appels en parallèle sans jamais en perdre un", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384821.jpg", imageAlt: "Multiple simultaneous calls handling"}, ]; const howItWorksMetrics = [ @@ -142,7 +142,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="compact" sizing="mediumLargeSizeLargeTitles" - background="noise" + background="circleGradient" cardStyle="outline" primaryButtonStyle="flat" secondaryButtonStyle="radial-glow" @@ -159,7 +159,7 @@ export default function LandingPage() { tag="Innovation Réunion" tagIcon={Zap} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "sparkles-gradient" }} buttons={[ { text: "Tester gratuitement pendant 14 jours", href: "#contact" }, { text: "En savoir plus", href: "#solution" }, diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..3c3c582 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,39 @@ -"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; + width?: number; + height?: number; } -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 = '', + width = 200, + height = 100, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;