diff --git a/src/app/page.tsx b/src/app/page.tsx index 058d6f1..4ed86cd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="mediumLargeSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="solid" primaryButtonStyle="flat" secondaryButtonStyle="glass" @@ -45,7 +45,7 @@ export default function LandingPage() { tag="Collezione Esclusiva" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "blurBottom" }} + background={{ variant: "animated-grid" }} mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/trendy-colour-swatches-collage_23-2149901817.jpg", imageAlt: "Collezione streetwear premium OLD BOY" @@ -109,16 +109,16 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "product-1", name: "Oversized Hoodie Graphic", price: "€79,00", variant: "Nero • 5 Colori", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-black-hoodie_23-2149359800.jpg?_wi=1", imageAlt: "Oversized hoodie graphic", isFavorited: false + id: "product-1", name: "Oversized Hoodie Graphic", price: "€79,00", variant: "Nero • 5 Colori", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-black-hoodie_23-2149359800.jpg", imageAlt: "Oversized hoodie graphic", isFavorited: false }, { - id: "product-2", name: "Premium Tee Shirt", price: "€35,00", variant: "Bianco • 8 Colori", imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4397.jpg?_wi=1", imageAlt: "Premium tee shirt", isFavorited: false + id: "product-2", name: "Premium Tee Shirt", price: "€35,00", variant: "Bianco • 8 Colori", imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4397.jpg", imageAlt: "Premium tee shirt", isFavorited: false }, { - id: "product-3", name: "Cargo Pants Urban", price: "€89,00", variant: "Caki • 3 Colori", imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746742.jpg?_wi=1", imageAlt: "Cargo pants urban", isFavorited: false + id: "product-3", name: "Cargo Pants Urban", price: "€89,00", variant: "Caki • 3 Colori", imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746742.jpg", imageAlt: "Cargo pants urban", isFavorited: false }, { - id: "product-4", name: "Baseball Cap Classic", price: "€25,00", variant: "Nero • 4 Colori", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-bearded-arabian-male-wearing-checkered-shirt-sunglasses-cap_613910-19029.jpg?_wi=1", imageAlt: "Baseball cap classic", isFavorited: false + id: "product-4", name: "Baseball Cap Classic", price: "€25,00", variant: "Nero • 4 Colori", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-bearded-arabian-male-wearing-checkered-shirt-sunglasses-cap_613910-19029.jpg", imageAlt: "Baseball cap classic", isFavorited: false } ]} gridVariant="four-items-2x2-equal-grid" @@ -142,25 +142,25 @@ export default function LandingPage() { id: "feature-1", title: "Capi Originali", descriptions: [ "Selezione curata di brand esclusivi", "Pezzi unici difficili da trovare altrove", "Sempre aggiornati con le ultime tendenze" ], - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-black-hoodie_23-2149359800.jpg?_wi=2", imageAlt: "Capi streetwear originali" + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-black-hoodie_23-2149359800.jpg", imageAlt: "Capi streetwear originali" }, { id: "feature-2", title: "Qualità Garantita", descriptions: [ "Materiali premium selezionati", "Costruzione duratura nel tempo", "Attenzione ai dettagli" ], - imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4397.jpg?_wi=2", imageAlt: "Qualità dei capi" + imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4397.jpg", imageAlt: "Qualità dei capi" }, { id: "feature-3", title: "Prezzi Onesti", descriptions: [ "Trasparenza totale sui prezzi", "Miglior rapporto qualità-prezzo", "Senza ricarichi nascosti" ], - imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746742.jpg?_wi=2", imageAlt: "Prezzi competitivi" + imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746742.jpg", imageAlt: "Prezzi competitivi" }, { id: "feature-4", title: "Servizio Personale", descriptions: [ "Proprietario disponibile e competente", "Consulenza personalizzata", "Atmosfera accogliente" ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-bearded-arabian-male-wearing-checkered-shirt-sunglasses-cap_613910-19029.jpg?_wi=2", imageAlt: "Servizio clienti" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-bearded-arabian-male-wearing-checkered-shirt-sunglasses-cap_613910-19029.jpg", imageAlt: "Servizio clienti" } ]} gridVariant="four-items-2x2-equal-grid" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..819d8a4 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,50 @@ -"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; + letterSpacing?: 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 = '', + fontSize = 32, + fontWeight = 700, + letterSpacing = 2, +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.6; + const width = textLength * charWidth + letterSpacing * (textLength - 1) + 40; + const height = fontSize + 20; + const x = 20; + const y = fontSize + 5; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;