diff --git a/src/app/page.tsx b/src/app/page.tsx index 1243e2a..dd8bbea 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="compact" sizing="mediumSizeLargeTitles" - background="grid" + background="circleGradient" cardStyle="inset" primaryButtonStyle="shadow" secondaryButtonStyle="layered" @@ -46,7 +46,7 @@ export default function LandingPage() { tag="New Arrivals" tagIcon={Zap} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} imageSrc="http://img.b2bpic.net/free-photo/unfocused-view-clothing-shop_23-2147652032.jpg" imageAlt="Modern electronics shop display" mediaAnimation="blur-reveal" @@ -54,11 +54,11 @@ export default function LandingPage() { testimonials={[ { name: "James Mitchell", handle: "Tech Enthusiast", testimonial: "Best selection of electronics I've found online. Fast shipping!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-businesswoman-standing-near-window_171337-16068.jpg?_wi=1" + imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-businesswoman-standing-near-window_171337-16068.jpg" }, { name: "Sarah Chen", handle: "Professional", testimonial: "Great prices and authentic products. Highly recommended!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213576.jpg?_wi=1" + imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213576.jpg" } ]} buttons={[ @@ -181,28 +181,22 @@ export default function LandingPage() { tagAnimation="blur-reveal" testimonials={[ { - id: "1", name: "Michael Torres", role: "Software Engineer", company: "Tech Startup", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-businesswoman-standing-near-window_171337-16068.jpg?_wi=2" + id: "1", name: "Michael Torres", role: "Software Engineer", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-businesswoman-standing-near-window_171337-16068.jpg" }, { - id: "2", name: "Emily Watson", role: "Marketing Manager", company: "Digital Agency", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213576.jpg?_wi=2" + id: "2", name: "Emily Watson", role: "Marketing Manager", company: "Digital Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213576.jpg" }, { - id: "3", name: "David Kim", role: "Product Designer", company: "Design Studio", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg" + id: "3", name: "David Kim", role: "Product Designer", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg" }, { - id: "4", name: "Jessica Brown", role: "Business Owner", company: "E-commerce", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg" + id: "4", name: "Jessica Brown", role: "Business Owner", company: "E-commerce", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg" }, { - id: "5", name: "Robert Chang", role: "IT Director", company: "Enterprise Corp", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg" + id: "5", name: "Robert Chang", role: "IT Director", company: "Enterprise Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg" }, { - id: "6", name: "Amanda Foster", role: "Freelancer", company: "Creative Professional", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100288.jpg" + id: "6", name: "Amanda Foster", role: "Freelancer", company: "Creative Professional", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100288.jpg" } ]} gridVariant="three-columns-all-equal-width" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..b56543b 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,38 @@ -"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; + fontFamily?: string; + fill?: 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 = '', + fontSize = 24, + fontFamily = 'Arial, sans-serif', + fill = '#000000', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file