diff --git a/src/app/page.tsx b/src/app/page.tsx index dbcd235..b3f5ba6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="small" sizing="mediumLarge" - background="fluid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="gradient" secondaryButtonStyle="solid" @@ -46,18 +46,18 @@ export default function LandingPage() { tagIcon={Shield} title="Kirkland's Trusted Roof Repair Experts" description="Professional roof repair, inspections, and storm damage solutions you can rely on. Licensed, insured, and committed to protecting your home." - background={{ variant: "fluid" }} + background={{ variant: "plain" }} leftCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg?_wi=1", imageAlt: "Professional roofing installation" }, - { imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=1", imageAlt: "Roof inspection service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber-house_23-2148748854.jpg?_wi=1", imageAlt: "Expert roof repair" }, - { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg?_wi=1", imageAlt: "Storm damage restoration" } + { imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg", imageAlt: "Professional roofing installation" }, + { imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Roof inspection service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber-house_23-2148748854.jpg", imageAlt: "Expert roof repair" }, + { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg", imageAlt: "Storm damage restoration" } ]} rightCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber-house_23-2148748854.jpg?_wi=2", imageAlt: "Quality roof repair work" }, - { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg?_wi=2", imageAlt: "Storm damage assessment" }, - { imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=2", imageAlt: "Professional inspection" }, - { imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg?_wi=2", imageAlt: "Expert installation" } + { imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber-house_23-2148748854.jpg", imageAlt: "Quality roof repair work" }, + { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg", imageAlt: "Storm damage assessment" }, + { imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Professional inspection" }, + { imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg", imageAlt: "Expert installation" } ]} tagAnimation="slide-up" buttonAnimation="slide-up" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..99e43cc 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,30 @@ -"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; } -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 = '' }) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;