bender/c4e2a976-4de1-4ca8-98d5-5d36e361875d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-12 18:17:23 +00:00
parent 744727a4c6 d182c6dde7
commit b233e51b68
2 changed files with 26 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/page.tsx
View File

@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="medium"
sizing="mediumLarge"
background="aurora"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -47,8 +47,8 @@ export default function LandingPage() {
{ text: "Schedule Your Free Estimate", href: "#contact" },
{ text: "View Our Work", href: "#portfolio" }
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/low-retaining-stone-wall-covered-with-moss_181624-10005.jpg?_wi=1"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/low-retaining-stone-wall-covered-with-moss_181624-10005.jpg"
imageAlt="Beautiful stone landscape garden design"
mediaAnimation="slide-up"
frameStyle="card"
@@ -63,7 +63,7 @@ export default function LandingPage() {
description="Founded to support Austin and dedicated to serving our community"
subdescription="Supporting local causes like Desert Voices and building lasting relationships with North Chicago families"
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/close-up-male-gardener-cutting-rose-with-secateurs_23-2148165309.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-male-gardener-cutting-rose-with-secateurs_23-2148165309.jpg"
imageAlt="Spring garden transformation and seasonal landscape maintenance"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -79,7 +79,7 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Custom Stone Raised Garden Beds & Edging", description: "Beautiful, durable raised beds with premium stone materials perfectly suited to any landscape design", imageSrc: "http://img.b2bpic.net/free-photo/stone-surface-with-grass_23-2147625863.jpg?_wi=1", imageAlt: "Custom stone raised garden beds installation"
title: "Custom Stone Raised Garden Beds & Edging", description: "Beautiful, durable raised beds with premium stone materials perfectly suited to any landscape design", imageSrc: "http://img.b2bpic.net/free-photo/stone-surface-with-grass_23-2147625863.jpg", imageAlt: "Custom stone raised garden beds installation"
},
{
id: 2,
@@ -91,12 +91,11 @@ export default function LandingPage() {
},
{
id: 4,
title: "Lakeside Erosion Control & Expert Grading", description: "Specialized grading and plantings for waterfront properties with expert precision", imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384679.jpg?_wi=1", imageAlt: "Lakeside erosion control and expert grading"
title: "Lakeside Erosion Control & Expert Grading", description: "Specialized grading and plantings for waterfront properties with expert precision", imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384679.jpg", imageAlt: "Lakeside erosion control and expert grading"
}
]}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
@@ -108,7 +107,7 @@ export default function LandingPage() {
description="Bristol, Wisconsin waterfront project with expert grading and premium plantings"
subdescription="Precision landscaping meets natural beauty in this complete waterfront renovation"
icon={Waves}
imageSrc="http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384679.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384679.jpg"
imageAlt="Stunning lakeside transformation with expert grading and plantings"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -124,20 +123,19 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "North Chicago (60625, 60640, 60618)", description: "Primary service area with expertise in local soil conditions and climate", imageSrc: "http://img.b2bpic.net/free-photo/low-retaining-stone-wall-covered-with-moss_181624-10005.jpg?_wi=2", imageAlt: "North Chicago landscape services"
title: "North Chicago (60625, 60640, 60618)", description: "Primary service area with expertise in local soil conditions and climate", imageSrc: "http://img.b2bpic.net/free-photo/low-retaining-stone-wall-covered-with-moss_181624-10005.jpg", imageAlt: "North Chicago landscape services"
},
{
id: 2,
title: "Glendale & Surrounding Areas", description: "Extended service territory covering greater North Chicago region", imageSrc: "http://img.b2bpic.net/free-photo/stone-surface-with-grass_23-2147625863.jpg?_wi=2", imageAlt: "Glendale landscaping services"
title: "Glendale & Surrounding Areas", description: "Extended service territory covering greater North Chicago region", imageSrc: "http://img.b2bpic.net/free-photo/stone-surface-with-grass_23-2147625863.jpg", imageAlt: "Glendale landscaping services"
},
{
id: 3,
title: "Seasonal Maintenance & Spring Transformations", description: "Year-round care and spectacular spring garden preparation services", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-cutting-rose-with-secateurs_23-2148165309.jpg?_wi=2", imageAlt: "Spring landscape transformation"
title: "Seasonal Maintenance & Spring Transformations", description: "Year-round care and spectacular spring garden preparation services", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-cutting-rose-with-secateurs_23-2148165309.jpg", imageAlt: "Spring landscape transformation"
}
]}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
@@ -212,9 +210,9 @@ export default function LandingPage() {
tagIcon={Phone}
title="Schedule Your Free Estimate Today"
description="Ready to transform your North Chicago outdoor space? Contact Crew Landscapes for a complimentary consultation and personalized quote."
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/low-retaining-stone-wall-covered-with-moss_181624-10005.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/low-retaining-stone-wall-covered-with-moss_181624-10005.jpg"
imageAlt="Beautiful landscape ready for transformation"
mediaAnimation="slide-up"
mediaPosition="right"

49
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -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;
fontSize?: number;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '', fontSize = 48 }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
y={fontSize}
fontSize={fontSize}
fontWeight="bold"
fill="currentColor"
dominantBaseline="hanging"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;