diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1fa7fe7..b1da95a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,8 +25,7 @@ export default function HomePage() {
const footerColumns = [
{
- title: "Company",
- items: [
+ title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Our Projects", href: "/projects" },
@@ -34,8 +33,7 @@ export default function HomePage() {
],
},
{
- title: "Services",
- items: [
+ title: "Services", items: [
{ label: "Custom Homes", href: "/services" },
{ label: "Renovations", href: "/services" },
{ label: "Development", href: "/services" },
@@ -43,8 +41,7 @@ export default function HomePage() {
],
},
{
- title: "Contact",
- items: [
+ title: "Contact", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Get a Quote", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
@@ -82,35 +79,20 @@ export default function HomePage() {
mediaAnimation="slide-up"
testimonials={[
{
- name: "Sarah Johnson",
- handle: "Homeowner, San Francisco",
- testimonial:
- "Professional from start to finish. The team delivered exactly what they promised. Incredible attention to detail.",
- rating: 5,
+ name: "Sarah Johnson", handle: "Homeowner, San Francisco", testimonial:
+ "Professional from start to finish. The team delivered exactly what they promised. Incredible attention to detail.", rating: 5,
imageSrc:
- "http://img.b2bpic.net/free-photo/confident-businessman-posing-outside_74855-1551.jpg?_wi=1",
- imageAlt: "Sarah Johnson",
- },
+ "http://img.b2bpic.net/free-photo/confident-businessman-posing-outside_74855-1551.jpg", imageAlt: "Sarah Johnson"},
{
- name: "Michael Chen",
- handle: "Developer, Bay Area",
- testimonial:
- "Our dream home came to life with Monarch. The craftsmanship is truly exceptional.",
- rating: 5,
+ name: "Michael Chen", handle: "Developer, Bay Area", testimonial:
+ "Our dream home came to life with Monarch. The craftsmanship is truly exceptional.", rating: 5,
imageSrc:
- "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg?_wi=1",
- imageAlt: "Michael Chen",
- },
+ "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", imageAlt: "Michael Chen"},
{
- name: "Emily Rodriguez",
- handle: "Property Owner, Peninsula",
- testimonial:
- "Transparent pricing, clear communication, and beautiful results. Monarch exceeded all expectations.",
- rating: 5,
+ name: "Emily Rodriguez", handle: "Property Owner, Peninsula", testimonial:
+ "Transparent pricing, clear communication, and beautiful results. Monarch exceeded all expectations.", rating: 5,
imageSrc:
- "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg?_wi=1",
- imageAlt: "Emily Rodriguez",
- },
+ "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg", imageAlt: "Emily Rodriguez"},
]}
buttons={[
{ text: "Get a Free Quote", href: "/contact" },
@@ -129,15 +111,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
- "Licensed & Insured",
- "Premium Materials Only",
- "5-Star Reviews",
- "15+ Years Experience",
- "120+ Projects Completed",
- "100% Client Satisfaction",
- "Transparent Process",
- "Custom Designs",
- ]}
+ "Licensed & Insured", "Premium Materials Only", "5-Star Reviews", "15+ Years Experience", "120+ Projects Completed", "100% Client Satisfaction", "Transparent Process", "Custom Designs"]}
speed={40}
showCard={true}
/>
@@ -147,49 +121,25 @@ export default function HomePage() {
@@ -436,29 +286,17 @@ export default function HomePage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..eaf42c5 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,63 @@
-"use client";
+import React, { CSSProperties } from 'react';
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
-
-interface SvgTextLogoProps {
- logoText: string;
- adjustHeightFactor?: number;
- verticalAlign?: "top" | "center";
+export interface SvgTextLogoProps {
+ text: string;
+ size?: 'small' | 'medium' | 'large';
+ weight?: 'light' | 'normal' | 'bold';
+ color?: string;
className?: string;
+ style?: CSSProperties;
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC = ({
+ text,
+ size = 'medium',
+ weight = 'normal',
+ color = 'currentColor',
+ className = '',
+ style = {},
+}) => {
+ const sizes = {
+ small: { fontSize: '16px', height: '24px' },
+ medium: { fontSize: '24px', height: '32px' },
+ large: { fontSize: '32px', height: '48px' },
+ };
+
+ const weights = {
+ light: 300,
+ normal: 400,
+ bold: 700,
+ };
+
+ const baselineOffset = '0.35em';
return (
);
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
export default SvgTextLogo;