bender/7b0ea79d-ff6a-45ca-aa1e-52974d89c02b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-11 11:49:22 +00:00
parent c336432dab da1390e42f
commit 7a61395eda
2 changed files with 51 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/app/page.tsx
View File

@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -43,7 +43,7 @@ export default function LandingPage() {
<HeroBillboard
title="Le goût du vrai. Le plaisir du croquant."
description="Des sandwichs généreux, des ingrédients frais, et un savoir-faire qui transforme chaque bouchée en expérience."
background={{ variant: 'floatingGradient' }}
background={{ variant: 'sparkles-gradient' }}
imageSrc="http://img.b2bpic.net/free-photo/detail-traditional-brazilian-cheese_58702-1977.jpg"
imageAlt="Crispy gourmet sandwich with fresh ingredients"
buttons={[
@@ -63,10 +63,11 @@ export default function LandingPage() {
{ value: 'Frais', title: 'Ingrédients de qualité' },
{ value: 'Généreux', title: 'Portions copieuses' }
]}
imageSrc="http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg"
imageAlt="Restaurant interior clean and modern"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -80,9 +81,9 @@ export default function LandingPage() {
description: 'Poulet croustillant, sauces maison, légumes frais. Une explosion de saveurs à chaque bouchée.',
bentoComponent: 'media-stack',
items: [
{ imageSrc: 'http://img.b2bpic.net/free-photo/lobster-roll-wooden-table_123827-30902.jpg?_wi=1', imageAlt: 'Crispy fried chicken sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/lobster-roll-wooden-table_123827-30902.jpg?_wi=2', imageAlt: 'Crispy fried chicken sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/lobster-roll-wooden-table_123827-30902.jpg?_wi=3', imageAlt: 'Crispy fried chicken sandwich' }
{ imageSrc: 'http://img.b2bpic.net/free-photo/lobster-roll-wooden-table_123827-30902.jpg', imageAlt: 'Crispy fried chicken sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/lobster-roll-wooden-table_123827-30902.jpg', imageAlt: 'Crispy fried chicken sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/lobster-roll-wooden-table_123827-30902.jpg', imageAlt: 'Crispy fried chicken sandwich' }
]
},
{
@@ -90,9 +91,9 @@ export default function LandingPage() {
description: 'Viande savoureuse grillée, pain croustillant, assaisonnements maison. Authentique et délicieux.',
bentoComponent: 'media-stack',
items: [
{ imageSrc: 'http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10676.jpg?_wi=1', imageAlt: 'Grilled kefta meat sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10676.jpg?_wi=2', imageAlt: 'Grilled kefta meat sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10676.jpg?_wi=3', imageAlt: 'Grilled kefta meat sandwich' }
{ imageSrc: 'http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10676.jpg', imageAlt: 'Grilled kefta meat sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10676.jpg', imageAlt: 'Grilled kefta meat sandwich' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10676.jpg', imageAlt: 'Grilled kefta meat sandwich' }
]
},
{
@@ -100,9 +101,9 @@ export default function LandingPage() {
description: 'Frites dorées nappées d\'une sauce crémeuse et gourmande. Le plaisir sucré-salé garanti.',
bentoComponent: 'media-stack',
items: [
{ imageSrc: 'http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-blue-surface_179666-44204.jpg?_wi=1', imageAlt: 'Golden fries with cheese sauce' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-blue-surface_179666-44204.jpg?_wi=2', imageAlt: 'Golden fries with cheese sauce' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-blue-surface_179666-44204.jpg?_wi=3', imageAlt: 'Golden fries with cheese sauce' }
{ imageSrc: 'http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-blue-surface_179666-44204.jpg', imageAlt: 'Golden fries with cheese sauce' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-blue-surface_179666-44204.jpg', imageAlt: 'Golden fries with cheese sauce' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-blue-surface_179666-44204.jpg', imageAlt: 'Golden fries with cheese sauce' }
]
},
{
@@ -110,9 +111,9 @@ export default function LandingPage() {
description: 'Des plats frais et équilibrés pour se faire plaisir autrement. Saveur et bien-être réunis.',
bentoComponent: 'media-stack',
items: [
{ imageSrc: 'http://img.b2bpic.net/free-photo/top-view-nutritional-salads-table_23-2148538672.jpg?_wi=1', imageAlt: 'Fresh healthy salad options' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/top-view-nutritional-salads-table_23-2148538672.jpg?_wi=2', imageAlt: 'Fresh healthy salad options' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/top-view-nutritional-salads-table_23-2148538672.jpg?_wi=3', imageAlt: 'Fresh healthy salad options' }
{ imageSrc: 'http://img.b2bpic.net/free-photo/top-view-nutritional-salads-table_23-2148538672.jpg', imageAlt: 'Fresh healthy salad options' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/top-view-nutritional-salads-table_23-2148538672.jpg', imageAlt: 'Fresh healthy salad options' },
{ imageSrc: 'http://img.b2bpic.net/free-photo/top-view-nutritional-salads-table_23-2148538672.jpg', imageAlt: 'Fresh healthy salad options' }
]
}
]}
@@ -149,7 +150,7 @@ export default function LandingPage() {
handle: '@sophiemk',
testimonial: 'Sandwich excellent et très bon. Endroit propre, service top. J\'y vais régulièrement, c\'est devenu ma cantine !',
rating: 5,
imageSrc: 'http://img.b2bpic.net/free-photo/picture-happy-man-eating-vegan-burger-vegan-restaurant-cafe-smiling-man-sitting-table-looking-camera_549566-844.jpg?_wi=1',
imageSrc: 'http://img.b2bpic.net/free-photo/picture-happy-man-eating-vegan-burger-vegan-restaurant-cafe-smiling-man-sitting-table-looking-camera_549566-844.jpg',
imageAlt: 'Sophie Martin'
},
{
@@ -158,7 +159,7 @@ export default function LandingPage() {
handle: '@ahmeddz',
testimonial: 'Very good and fresh ingredients, delicious seasonings. The quality is really premium for the price. Highly recommended!',
rating: 5,
imageSrc: 'http://img.b2bpic.net/free-photo/smiling-handsome-man-keeps-fists-isolated-white-wall_141793-70642.jpg?_wi=1',
imageSrc: 'http://img.b2bpic.net/free-photo/smiling-handsome-man-keeps-fists-isolated-white-wall_141793-70642.jpg',
imageAlt: 'Ahmed Karim'
},
{
@@ -185,7 +186,7 @@ export default function LandingPage() {
handle: '@nadiabc',
testimonial: 'Un vrai sandwich comme on l\'imagine ! Frais, garni, croustillant. C\'est ça la qualité. Merci pour votre professionnalisme.',
rating: 5,
imageSrc: 'http://img.b2bpic.net/free-photo/picture-happy-man-eating-vegan-burger-vegan-restaurant-cafe-smiling-man-sitting-table-looking-camera_549566-844.jpg?_wi=2',
imageSrc: 'http://img.b2bpic.net/free-photo/picture-happy-man-eating-vegan-burger-vegan-restaurant-cafe-smiling-man-sitting-table-looking-camera_549566-844.jpg',
imageAlt: 'Nadia Belkacem'
},
{
@@ -194,7 +195,7 @@ export default function LandingPage() {
handle: '@thomaslf',
testimonial: 'Le meilleur sandwich de Kouba, sans hésitation. Hygiène au top, ingrédients de qualité. C\'est un plaisir de manger chez vous.',
rating: 5,
imageSrc: 'http://img.b2bpic.net/free-photo/smiling-handsome-man-keeps-fists-isolated-white-wall_141793-70642.jpg?_wi=2',
imageSrc: 'http://img.b2bpic.net/free-photo/smiling-handsome-man-keeps-fists-isolated-white-wall_141793-70642.jpg',
imageAlt: 'Thomas Lefevre'
}
]}
@@ -214,10 +215,11 @@ export default function LandingPage() {
{ value: 'Jeune', title: 'Équipe passionnée' },
{ value: 'Rapide', title: 'Service efficace' }
]}
imageSrc="http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg"
imageAlt="Modern clean restaurant interior"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>

70
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -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;
containerClassName?: string;
textClassName?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
containerClassName = '',
textClassName = ''
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
<div className={`flex items-center justify-center ${containerClassName}`}>
<svg
viewBox={`0 0 ${text.length * 60} 100`}
width={text.length * 60}
height="100"
className={className}
>
{logoText}
</text>
</svg>
<text
x="50%"
y="50%"
dominantBaseline="middle"
textAnchor="middle"
className={`text-4xl font-bold ${textClassName}`}
fill="currentColor"
>
{text}
</text>
</svg>
</div>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;