From 8bdaf536ff98bec4f1cdd5fe6f2099806ee05f7f Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 13 Mar 2026 05:33:03 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 32 ++++++++++++++------------------ 1 file changed, 14 insertions(+), 18 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 178b948..e571d1a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="compact" sizing="mediumLargeSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="outline" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -46,18 +46,18 @@ export default function LandingPage() { tag="New Collection" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "blurBottom" }} + background={{ variant: "radial-gradient" }} buttons={[ { text: "Shop Collection", href: "products" }, { text: "Learn More", href: "about" } ]} buttonAnimation="slide-up" mediaItems={[ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytz9zx&_wi=1", imageAlt: "Premium fashion collection showcase" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fohod5&_wi=1", imageAlt: "Elegant women's dress" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcphu1&_wi=1", imageAlt: "Luxury men's jacket" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9xh9y&_wi=1", imageAlt: "Stylish premium blazer" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytz9zx&_wi=2", imageAlt: "Fashion lookbook" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytz9zx", imageAlt: "Premium fashion collection showcase" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fohod5", imageAlt: "Elegant women's dress" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcphu1", imageAlt: "Luxury men's jacket" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9xh9y", imageAlt: "Stylish premium blazer" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ytz9zx", imageAlt: "Fashion lookbook" } ]} mediaAnimation="slide-up" /> @@ -75,15 +75,15 @@ export default function LandingPage() { products={[ { id: "1", brand: "ThreadStyle", name: "Silk Blend Evening Dress", price: "$385.00", rating: 5, - reviewCount: "284", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fohod5&_wi=2", imageAlt: "Elegant evening dress" + reviewCount: "284", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fohod5", imageAlt: "Elegant evening dress" }, { id: "2", brand: "ThreadStyle", name: "Premium Leather Jacket", price: "$625.00", rating: 5, - reviewCount: "156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcphu1&_wi=2", imageAlt: "Luxury leather jacket" + reviewCount: "156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcphu1", imageAlt: "Luxury leather jacket" }, { id: "3", brand: "ThreadStyle", name: "Tailored Wool Blazer", price: "$465.00", rating: 5, - reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9xh9y&_wi=2", imageAlt: "Professional wool blazer" + reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a9xh9y", imageAlt: "Professional wool blazer" } ]} carouselMode="buttons" @@ -145,20 +145,16 @@ export default function LandingPage() { tagAnimation="slide-up" testimonials={[ { - id: "1", name: "Alexandra Bennett", role: "Fashion Editor", company: "Vogue Style", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=slcr0s", imageAlt: "Alexandra Bennett portrait" + id: "1", name: "Alexandra Bennett", role: "Fashion Editor", company: "Vogue Style", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=slcr0s", imageAlt: "Alexandra Bennett portrait" }, { - id: "2", name: "Marcus Chen", role: "Creative Director", company: "Design Studio", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jt2gqr", imageAlt: "Marcus Chen portrait" + id: "2", name: "Marcus Chen", role: "Creative Director", company: "Design Studio", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jt2gqr", imageAlt: "Marcus Chen portrait" }, { - id: "3", name: "Sofia Moretti", role: "Stylist", company: "Fashion Boutique", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ejyp6n", imageAlt: "Sofia Moretti portrait" + id: "3", name: "Sofia Moretti", role: "Stylist", company: "Fashion Boutique", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ejyp6n", imageAlt: "Sofia Moretti portrait" }, { - id: "4", name: "James Richardson", role: "CEO", company: "Luxury Collective", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=alvwjx", imageAlt: "James Richardson portrait" + id: "4", name: "James Richardson", role: "CEO", company: "Luxury Collective", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=alvwjx", imageAlt: "James Richardson portrait" } ]} kpiItems={[ From b7014083df17e9279bcae76bba496eab6d32d670 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 13 Mar 2026 05:33:04 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 70 +++++++++---------- 1 file changed, 35 insertions(+), 35 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..9971818 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,51 @@ -"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; + fill?: string; + fontSize?: number; + fontFamily?: string; + fontWeight?: string | number; + 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 = '', + fill = 'currentColor', + fontSize = 32, + fontFamily = 'system-ui, -apple-system, sans-serif', + fontWeight = 700, + letterSpacing = 0, +}) => { + const svgWidth = text.length * (fontSize * 0.6); + const svgHeight = fontSize * 1.5; + const textY = fontSize; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;