bender/b191317e-c325-4ec7-8224-4891c118660a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-13 06:58:27 +00:00
Conversation 0 Commits 2 Files Changed 2 +45 -52
2 changed files with 45 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/page.tsx
View File

@@ -24,7 +24,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
@@ -50,7 +50,7 @@ export default function LandingPage() {
tag="Premium Local Cafe"
tagIcon={Sparkles}
tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cuvb76&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cuvb76"
imageAlt="Fresh brunch spread at TenTen Cafe"
imagePosition="right"
mediaAnimation="slide-up"
@@ -63,19 +63,19 @@ export default function LandingPage() {
testimonials={[
{
name: "Sarah Chen", handle: "Fitness Enthusiast", testimonial: "The portions are generous and the ingredients are clearly fresh. My go-to spot after morning workouts!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvb7hi&_wi=1"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvb7hi"
},
{
name: "James Mitchell", handle: "Local Professional", testimonial: "Best brunch in Filton. The atmosphere is warm and inviting, perfect for catching up with friends.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsylj5&_wi=1"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsylj5"
},
{
name: "Emma Rodriguez", handle: "Health Coach", testimonial: "I appreciate how they highlight nutritional info. The vegan options are exceptional and delicious.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=en7h2e&_wi=1"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=en7h2e"
}
]}
testimonialRotationInterval={5000}
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
/>
</div>
@@ -149,20 +149,17 @@ export default function LandingPage() {
{
id: "strength", title: "After Strength Training", descriptions: [
"High protein content to support muscle recovery and growth", "Carbohydrates to replenish depleted glycogen stores", "Essential amino acids from quality animal and plant proteins"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hnzs0i", imageAlt: "Protein-rich post-workout meal"
], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hnzs0i", imageAlt: "Protein-rich post-workout meal"
},
{
id: "cardio", title: "After Cardio Session", descriptions: [
"Balanced carbs and electrolytes for rapid energy replenishment", "Moderate protein for recovery and tissue repair", "Antioxidant-rich fruits and vegetables to reduce inflammation"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v19wz6", imageAlt: "Balanced recovery meal after cardio"
], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v19wz6", imageAlt: "Balanced recovery meal after cardio"
},
{
id: "hiit", title: "After HIIT Training", descriptions: [
"Fast-digesting carbohydrates for quick recovery", "Plant-based proteins for sustained energy without heaviness", "Anti-inflammatory foods to support muscle repair and wellness"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wnfkun", imageAlt: "Light recovery meal after high-intensity training"
], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wnfkun", imageAlt: "Light recovery meal after high-intensity training"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -182,16 +179,16 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Perfect Post-Workout Spot", quote: "I come here every Saturday after my gym session. The protein-packed meals are delicious and filling. The staff is so friendly and always remembers my usual order!", name: "Michael Torres", role: "Fitness Enthusiast", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsylj5&_wi=2", imageAlt: "Michael Torres"
id: "1", title: "Perfect Post-Workout Spot", quote: "I come here every Saturday after my gym session. The protein-packed meals are delicious and filling. The staff is so friendly and always remembers my usual order!", name: "Michael Torres", role: "Fitness Enthusiast", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsylj5", imageAlt: "Michael Torres"
},
{
id: "2", title: "Beautifully Presented and Delicious", quote: "Every dish looks like a work of art. The presentation is Instagram-worthy and the taste doesn't disappoint. My friends are now regulars too!", name: "Jessica Wong", role: "Food Blogger", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvb7hi&_wi=2", imageAlt: "Jessica Wong"
id: "2", title: "Beautifully Presented and Delicious", quote: "Every dish looks like a work of art. The presentation is Instagram-worthy and the taste doesn't disappoint. My friends are now regulars too!", name: "Jessica Wong", role: "Food Blogger", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvb7hi", imageAlt: "Jessica Wong"
},
{
id: "3", title: "Excellent Vegan Options", quote: "I was skeptical, but the vegan breakfast blew me away. The attention to detail and commitment to plant-based nutrition is impressive. Highly recommend!", name: "David Ali", role: "Health Coach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e7ep2g", imageAlt: "David Ali"
},
{
id: "4", title: "Warm Atmosphere, Great Coffee", quote: "It's not just about the food—the whole vibe is welcoming. The coffee is excellent and the baristas are skilled. Perfect for a casual morning with friends.", name: "Sophie Bennett", role: "Local Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=en7h2e&_wi=2", imageAlt: "Sophie Bennett"
id: "4", title: "Warm Atmosphere, Great Coffee", quote: "It's not just about the food—the whole vibe is welcoming. The coffee is excellent and the baristas are skilled. Perfect for a casual morning with friends.", name: "Sophie Bennett", role: "Local Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=en7h2e", imageAlt: "Sophie Bennett"
},
{
id: "5", title: "Supporting Local Business", quote: "Love supporting a local cafe that cares about ingredient quality and customer wellness. TenTen is a gem in Filton. Worth the wait on weekends!", name: "Arun Patel", role: "Community Member", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fchpgu", imageAlt: "Arun Patel"
@@ -244,10 +241,10 @@ export default function LandingPage() {
tag="Newsletter"
title="Stay Connected"
description="Join our community and get weekly nutrition tips, new menu highlights, and exclusive offers delivered to your inbox."
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
mediaPosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cuvb76&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cuvb76"
imageAlt="Subscribe to TenTen Cafe newsletter"
mediaAnimation="slide-up"
inputPlaceholder="your@email.com"

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

@@ -1,51 +1,47 @@
"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;
fontSize?: number;
fontWeight?: number | string;
fill?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 24,
fontWeight = 'bold',
fill = 'currentColor',
}) => {
const textLength = text.length;
const charWidth = fontSize * 0.6;
const width = charWidth * textLength + 20;
const height = fontSize + 20;
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width={width}
height={height}
viewBox={`0 0 ${width} ${height}`}
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<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"
}}
x={width / 2}
y={height / 2}
textAnchor="middle"
dominantBaseline="middle"
fontSize={fontSize}
fontWeight={fontWeight}
fill={fill}
fontFamily="inherit"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;