diff --git a/src/app/page.tsx b/src/app/page.tsx index 0d3e38f..850c42e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() { ); -} \ No newline at end of file +} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..2e9f8b1 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -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(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + textAnchor = 'start', + dominantBaseline = 'middle', + fontSize = '24', + fontWeight = 'bold', + fill = 'currentColor', + fontFamily = 'system-ui, -apple-system, sans-serif', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;