bender/975faaa3-4a40-4052-9669-2a8125fbeeb6
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-12 07:36:21 +00:00
parent eaf5687af3 bf4a1d5846
commit fae6b86c1a
2 changed files with 43 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/page.tsx
View File

@@ -49,7 +49,6 @@ export default function LandingPage() {
tagIcon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/sideways-rear-view-mirror-modern-car_23-2148510549.jpg"
imageAlt="Luxurious polished car with mirror-like finish"
mediaPosition="right"
mediaAnimation="slide-up"
useInvertedBackground={false}
buttons={[
@@ -59,19 +58,19 @@ export default function LandingPage() {
testimonials={[
{
name: "Ole Hansen", handle: "Eigenaar, Premium Automotive", testimonial: "Utrolig resultat! Bilen min ser helt ny ut. Anbefalte til alle venner mine.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg?_wi=1"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg"
},
{
name: "Ingrid Strand", handle: "Båteigenaar, Vestfold", testimonial: "Fantastisk arbeid på båten min. Glansen er perfekt og varigheten er utmerket.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg?_wi=1"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg"
},
{
name: "Thomas Berg", handle: "CEO, Luxury Motors", testimonial: "De beste detaljerings-spesialistene jeg har møtt. Profesjonelle og rask service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-20997.jpg?_wi=1"
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-20997.jpg"
},
{
name: "Maria Nilsen", handle: "Bilentusiast, Oslo", testimonial: "Virkelig blomstrer kjøretøyet mitt. Keramisk belegg holder perfekt.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6792.jpg?_wi=1"
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6792.jpg"
}
]}
/>
@@ -147,27 +146,27 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Ole Hansen", role: "Eiendomsutvikler", company: "Vestfold Premium Cars", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg?_wi=2"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg"
},
{
id: "2", name: "Ingrid Strand", role: "Båteiendom", company: "Nautical Adventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg?_wi=2"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg"
},
{
id: "3", name: "Thomas Berg", role: "CEO", company: "Luxury Motors Oslo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-20997.jpg?_wi=2"
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-20997.jpg"
},
{
id: "4", name: "Maria Nilsen", role: "Bilentusiast", company: "Auto Passion Club", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6792.jpg?_wi=2"
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6792.jpg"
},
{
id: "5", name: "Johan Andersen", role: "Fleet Manager", company: "Nordic Transport", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg?_wi=3"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg"
},
{
id: "6", name: "Lisa Eriksen", role: "Restaurator", company: "Classic Cars Inc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg?_wi=3"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg"
}
]}
/>
@@ -180,14 +179,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
logos={[
{ src: "http://img.b2bpic.net/free-vector/gradient-car-wash-logo-design_23-2149925894.jpg", alt: "Mercedes-Benz" },
{ src: "http://img.b2bpic.net/free-photo/closeup-headlight-black-luxury-car-lights-against-grey-background_181624-25350.jpg", alt: "BMW" },
{ src: "http://img.b2bpic.net/free-vector/flat-car-logo-collection_23-2147750040.jpg", alt: "Audi" },
{ src: "http://img.b2bpic.net/free-vector/hand-drawn-car-detailing-logo-design_23-2149923076.jpg", alt: "Porsche" },
{ src: "http://img.b2bpic.net/free-vector/gradient-biofuel-logo-template_23-2149407800.jpg", alt: "Tesla" },
{ src: "http://img.b2bpic.net/free-vector/logo-template-design_1289-105.jpg", alt: "Volvo" },
{ src: "http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_23-2148477759.jpg", alt: "Rolls-Royce" },
{ src: "http://img.b2bpic.net/free-vector/turbo-logo-design-template_23-2150140863.jpg", alt: "Ferrari" }
"http://img.b2bpic.net/free-vector/gradient-car-wash-logo-design_23-2149925894.jpg", "http://img.b2bpic.net/free-photo/closeup-headlight-black-luxury-car-lights-against-grey-background_181624-25350.jpg", "http://img.b2bpic.net/free-vector/flat-car-logo-collection_23-2147750040.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-car-detailing-logo-design_23-2149923076.jpg", "http://img.b2bpic.net/free-vector/gradient-biofuel-logo-template_23-2149407800.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-105.jpg", "http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_23-2148477759.jpg", "http://img.b2bpic.net/free-vector/turbo-logo-design-template_23-2150140863.jpg"
]}
speed={40}
showCard={true}
@@ -292,4 +284,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

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

@@ -1,51 +1,46 @@
"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;
textAnchor?: 'start' | 'middle' | 'end';
dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'hanging' | 'mathematical';
fontSize?: string;
fontWeight?: string | number;
fill?: string;
fontFamily?: 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 = '',
textAnchor = 'start',
dominantBaseline = 'middle',
fontSize = '24',
fontWeight = 'bold',
fill = 'currentColor',
fontFamily = 'system-ui, -apple-system, sans-serif',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 400 100"
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="50%"
y="50%"
textAnchor={textAnchor}
dominantBaseline={dominantBaseline}
fontSize={fontSize}
fontWeight={fontWeight}
fill={fill}
fontFamily={fontFamily}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;