10 Commits

Author SHA1 Message Date
f7a45bd7ea Merge version_2 into main
Merge version_2 into main
2026-03-06 05:00:18 +00:00
eee9759f33 Update src/app/testimonials/page.tsx 2026-03-06 05:00:14 +00:00
39a132af97 Update src/app/styles/variables.css 2026-03-06 05:00:13 +00:00
a805940045 Update src/app/styles/base.css 2026-03-06 05:00:13 +00:00
74d6a22529 Update src/app/services/page.tsx 2026-03-06 05:00:12 +00:00
1e8493b9b2 Update src/app/page.tsx 2026-03-06 05:00:12 +00:00
a47cc3a69c Update src/app/layout.tsx 2026-03-06 05:00:11 +00:00
c36ff7e505 Update src/app/contact/page.tsx 2026-03-06 05:00:11 +00:00
e7cec23e65 Update src/app/about/page.tsx 2026-03-06 05:00:10 +00:00
743d298443 Merge version_1 into main
Merge version_1 into main
2026-03-06 04:53:47 +00:00
8 changed files with 135 additions and 308 deletions

View File

@@ -18,14 +18,14 @@ import {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
borderRadius="rounded"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
@@ -48,10 +48,7 @@ export default function AboutPage() {
<TextSplitAbout
title="Our Story & Mission"
description={[
"Founded in 2021, Blue Collar Q Landscaping & Lawn Care emerged from a passion for creating beautiful outdoor environments. What started as a small team has grown into Cape Coral's trusted landscaping partner, serving over 150 satisfied customers.",
"Our mission is simple: deliver exceptional landscaping services that exceed expectations. We believe every outdoor space has potential, and we're committed to unlocking it through professional expertise, attention to detail, and genuine care for our clients.",
"Today, we're proud to be licensed, insured, and recognized for our reliability, craftsmanship, and customer satisfaction. Join the growing community of Cape Coral homeowners and businesses who trust Blue Collar Q to transform their outdoor spaces.",
]}
"Founded in 2021, Blue Collar Q Landscaping & Lawn Care emerged from a passion for creating beautiful outdoor environments. What started as a small team has grown into Cape Coral's trusted landscaping partner, serving over 150 satisfied customers.", "Our mission is simple: deliver exceptional landscaping services that exceed expectations. We believe every outdoor space has potential, and we're committed to unlocking it through professional expertise, attention to detail, and genuine care for our clients.", "Today, we're proud to be licensed, insured, and recognized for our reliability, craftsmanship, and customer satisfaction. Join the growing community of Cape Coral homeowners and businesses who trust Blue Collar Q to transform their outdoor spaces."]}
buttons={[{ text: "View Our Services", href: "/services" }]}
showBorder={true}
useInvertedBackground={false}
@@ -72,11 +69,8 @@ export default function AboutPage() {
{ id: "2", icon: Award, title: "Google Rating", value: "4.9/5" },
{ id: "3", icon: MapPin, title: "Years Active", value: "3+" },
{
id: "4",
icon: CheckCircle,
title: "Licensed & Insured",
value: "Yes",
},
id: "4", icon: CheckCircle,
title: "Licensed & Insured", value: "Yes"},
]}
textboxLayout="default"
animationType="scale-rotate"
@@ -93,7 +87,7 @@ export default function AboutPage() {
description="Reach out to the Blue Collar Q team today. We'd love to discuss your landscaping needs and show you how we can transform your outdoor space."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Get Free Quote"
@@ -139,4 +133,4 @@ export default function AboutPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -17,14 +17,14 @@ import {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
borderRadius="rounded"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
@@ -50,7 +50,7 @@ export default function ContactPage() {
description="Contact Blue Collar Q for a free professional consultation. Whether you're looking for routine lawn maintenance, a complete landscape redesign, or custom hardscaping, our team is ready to help bring your vision to life. Call (239) 392-4855 or fill out the form below."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Get Free Quote"
@@ -71,11 +71,8 @@ export default function ContactPage() {
{ id: "2", icon: Users, title: "Free Quotes", value: "Always" },
{ id: "3", icon: CheckCircle, title: "Licensed", value: "Insured" },
{
id: "4",
icon: MapPin,
title: "Local Service",
value: "Cape Coral",
},
id: "4", icon: MapPin,
title: "Local Service", value: "Cape Coral"},
]}
textboxLayout="default"
animationType="scale-rotate"
@@ -138,4 +135,4 @@ export default function ContactPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -1,40 +1,26 @@
import type { Metadata } from "next";
import { Public_Sans } from "next/font/google";
import { Montserrat } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const publicSans = Public_Sans({
variable: "--font-public-sans",
subsets: ["latin"],
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Blue Collar Q | Professional Landscaping & Lawn Care in Cape Coral, FL",
description: "Professional landscaping, lawn care, and hardscape design services in Cape Coral, Florida. 150+ satisfied customers. Free quote available.",
keywords: "landscaping Cape Coral, lawn care services, landscape design, hardscape, patio design, professional lawn maintenance",
metadataBase: new URL("https://www.bluecollarq.com"),
title: "Blue Collar Q | Professional Landscaping & Lawn Care in Cape Coral, FL", description: "Professional landscaping, lawn care, and hardscape design services in Cape Coral, Florida. 150+ satisfied customers. Free quote available.", keywords: "landscaping Cape Coral, lawn care services, landscape design, hardscape, patio design, professional lawn maintenance", metadataBase: new URL("https://www.bluecollarq.com"),
alternates: {
canonical: "https://www.bluecollarq.com",
},
canonical: "https://www.bluecollarq.com"},
openGraph: {
title: "Blue Collar Q | Landscaping & Lawn Care Cape Coral",
description: "Transform your outdoor space with professional landscaping services. 150+ happy customers, 4.9/5 rating.",
url: "https://www.bluecollarq.com",
siteName: "Blue Collar Q",
type: "website",
},
title: "Blue Collar Q | Landscaping & Lawn Care Cape Coral", description: "Transform your outdoor space with professional landscaping services. 150+ happy customers, 4.9/5 rating.", url: "https://www.bluecollarq.com", siteName: "Blue Collar Q", type: "website"},
twitter: {
card: "summary_large_image",
title: "Blue Collar Q | Professional Landscaping",
description: "Premium lawn care and landscape design in Cape Coral, FL",
},
card: "summary_large_image", title: "Blue Collar Q | Professional Landscaping", description: "Premium lawn care and landscape design in Cape Coral, FL"},
robots: {
index: true,
follow: true,
@@ -50,7 +36,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${publicSans.variable} ${inter.variable} antialiased`}
className={`${montserrat.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
@@ -1425,4 +1411,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -33,14 +33,14 @@ import {
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
borderRadius="rounded"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
@@ -66,20 +66,14 @@ export default function HomePage() {
tag="Premium Landscaping"
tagIcon={Leaf}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
background={{ variant: "sparkles-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg?_wi=1",
imageAlt: "Beautiful landscape design",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg?_wi=1", imageAlt: "Beautiful landscape design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg",
imageAlt: "Professional hardscaping",
},
imageSrc: "http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg", imageAlt: "Professional hardscaping"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg?_wi=2",
imageAlt: "Outdoor oasis design",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg?_wi=2", imageAlt: "Outdoor oasis design"},
]}
buttons={[
{ text: "Get Free Quote", href: "/contact" },
@@ -95,10 +89,7 @@ export default function HomePage() {
<TextSplitAbout
title="About Blue Collar Q"
description={[
"Established in 2021, Blue Collar Q Landscaping & Lawn Care has been transforming outdoor spaces in Cape Coral, Florida. We're a dedicated team specializing in creating beautiful, functional outdoor environments that exceed expectations.",
"We work with over 150 satisfied customers who trust us for professional lawn maintenance, landscaping design, and hardscape construction. Our commitment to quality, reliability, and attention to detail sets us apart in every project we undertake.",
"Whether you need regular lawn maintenance, a complete landscape redesign, or custom hardscaping, our experienced team delivers exceptional results with a personal touch.",
]}
"Established in 2021, Blue Collar Q Landscaping & Lawn Care has been transforming outdoor spaces in Cape Coral, Florida. We're a dedicated team specializing in creating beautiful, functional outdoor environments that exceed expectations.", "We work with over 150 satisfied customers who trust us for professional lawn maintenance, landscaping design, and hardscape construction. Our commitment to quality, reliability, and attention to detail sets us apart in every project we undertake.", "Whether you need regular lawn maintenance, a complete landscape redesign, or custom hardscaping, our experienced team delivers exceptional results with a personal touch."]}
buttons={[{ text: "Learn More", href: "/about" }]}
showBorder={true}
useInvertedBackground={false}
@@ -116,25 +107,14 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Lawn Maintenance",
description:
"40 annual visits combining weekly and bi-weekly schedules with mowing, edging, and trimming included.",
bentoComponent: "marquee",
centerIcon: Leaf,
variant: "text",
texts: [
"Weekly Service",
"Bi-weekly Service",
"Professional Mowing",
"Edging & Trimming",
],
title: "Lawn Maintenance", description:
"40 annual visits combining weekly and bi-weekly schedules with mowing, edging, and trimming included.", bentoComponent: "marquee", centerIcon: Leaf,
variant: "text", texts: [
"Weekly Service", "Bi-weekly Service", "Professional Mowing", "Edging & Trimming"],
},
{
title: "Landscape Design",
description:
"Professional 3D landscape design services to visualize your dream outdoor space before implementation.",
bentoComponent: "orbiting-icons",
centerIcon: Pencil,
title: "Landscape Design", description:
"Professional 3D landscape design services to visualize your dream outdoor space before implementation.", bentoComponent: "orbiting-icons", centerIcon: Pencil,
items: [
{ icon: Leaf, ring: 1 },
{ icon: Flower, ring: 1 },
@@ -143,55 +123,33 @@ export default function HomePage() {
],
},
{
title: "Hardscaping",
description:
"Paver walkways, patios, retaining walls, and decorative curbing to enhance your landscape.",
bentoComponent: "icon-info-cards",
items: [
title: "Hardscaping", description:
"Paver walkways, patios, retaining walls, and decorative curbing to enhance your landscape.", bentoComponent: "icon-info-cards", items: [
{ icon: Square, label: "Pavers", value: "Walkways & Patios" },
{ icon: Layers, label: "Walls", value: "Retaining Structures" },
{ icon: Zap, label: "Lighting", value: "Landscape Illumination" },
],
},
{
title: "Plant & Shrub Installation",
description:
"Expert planting of trees, shrubs, and decorative plants to create color and texture in your landscape.",
bentoComponent: "marquee",
centerIcon: Leaf,
variant: "icon",
icons: [Leaf, Flower, Trees, Clover],
title: "Plant & Shrub Installation", description:
"Expert planting of trees, shrubs, and decorative plants to create color and texture in your landscape.", bentoComponent: "marquee", centerIcon: Leaf,
variant: "icon", icons: [Leaf, Flower, Trees, Clover],
},
{
title: "Irrigation Solutions",
description:
"Efficient sod and irrigation systems to keep your landscape lush and green year-round.",
bentoComponent: "animated-bar-chart",
},
title: "Irrigation Solutions", description:
"Efficient sod and irrigation systems to keep your landscape lush and green year-round.", bentoComponent: "animated-bar-chart"},
{
title: "Decorative Stone & Features",
description:
"Elevate your landscape with decorative stone, curbing, and ornamental features that add elegance and character.",
bentoComponent: "3d-stack-cards",
items: [
title: "Decorative Stone & Features", description:
"Elevate your landscape with decorative stone, curbing, and ornamental features that add elegance and character.", bentoComponent: "3d-stack-cards", items: [
{
icon: Gem,
title: "Stone",
subtitle: "Decorative",
detail: "Premium materials",
},
title: "Stone", subtitle: "Decorative", detail: "Premium materials"},
{
icon: Crown,
title: "Features",
subtitle: "Ornamental",
detail: "Custom designs",
},
title: "Features", subtitle: "Ornamental", detail: "Custom designs"},
{
icon: Sparkles,
title: "Quality",
subtitle: "Excellence",
detail: "Professional finish",
},
title: "Quality", subtitle: "Excellence", detail: "Professional finish"},
],
},
]}
@@ -215,11 +173,8 @@ export default function HomePage() {
{ id: "2", icon: Award, title: "Google Rating", value: "4.9/5" },
{ id: "3", icon: MapPin, title: "Serving Since", value: "2021" },
{
id: "4",
icon: CheckCircle,
title: "Licensed & Insured",
value: "Certified",
},
id: "4", icon: CheckCircle,
title: "Licensed & Insured", value: "Certified"},
]}
textboxLayout="default"
animationType="scale-rotate"
@@ -238,65 +193,29 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Phillip McKelvey",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "1", name: "Phillip McKelvey", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",
imageAlt: "Phillip McKelvey",
},
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Phillip McKelvey"},
{
id: "2",
name: "Gigy Padron",
role: "Property Manager",
company: "Cape Coral, FL",
rating: 5,
id: "2", name: "Gigy Padron", role: "Property Manager", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1",
imageAlt: "Gigy Padron",
},
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1", imageAlt: "Gigy Padron"},
{
id: "3",
name: "Cydney Kaye",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "3", name: "Cydney Kaye", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",
imageAlt: "Cydney Kaye",
},
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "Cydney Kaye"},
{
id: "4",
name: "Carolyn Barry",
role: "Business Owner",
company: "Cape Coral, FL",
rating: 5,
id: "4", name: "Carolyn Barry", role: "Business Owner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Carolyn Barry",
},
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Carolyn Barry"},
{
id: "5",
name: "Steven Truelsen",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "5", name: "Steven Truelsen", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg?_wi=1",
imageAlt: "Steven Truelsen",
},
"http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg?_wi=1", imageAlt: "Steven Truelsen"},
{
id: "6",
name: "Mike Wright",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "6", name: "Mike Wright", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "Mike Wright",
},
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Mike Wright"},
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
@@ -314,7 +233,7 @@ export default function HomePage() {
description="Contact Blue Collar Q today for a free professional consultation. Call (239) 392-4855 or submit your details below, and we'll help you create the outdoor space of your dreams."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Get Free Quote"
@@ -360,4 +279,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -24,14 +24,14 @@ import {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
borderRadius="rounded"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
@@ -59,25 +59,14 @@ export default function ServicesPage() {
tagAnimation="slide-up"
features={[
{
title: "Lawn Maintenance Programs",
description:
"Customizable maintenance packages with weekly or bi-weekly service including mowing, edging, trimming, and seasonal care.",
bentoComponent: "marquee",
centerIcon: Leaf,
variant: "text",
texts: [
"Weekly Visits",
"Bi-weekly Visits",
"Seasonal Service",
"Year-Round Care",
],
title: "Lawn Maintenance Programs", description:
"Customizable maintenance packages with weekly or bi-weekly service including mowing, edging, trimming, and seasonal care.", bentoComponent: "marquee", centerIcon: Leaf,
variant: "text", texts: [
"Weekly Visits", "Bi-weekly Visits", "Seasonal Service", "Year-Round Care"],
},
{
title: "Expert Landscape Design",
description:
"Professional design consultation and 3D visualization to plan your ideal outdoor space with aesthetic and functional balance.",
bentoComponent: "orbiting-icons",
centerIcon: Pencil,
title: "Expert Landscape Design", description:
"Professional design consultation and 3D visualization to plan your ideal outdoor space with aesthetic and functional balance.", bentoComponent: "orbiting-icons", centerIcon: Pencil,
items: [
{ icon: Leaf, ring: 1 },
{ icon: Flower, ring: 1 },
@@ -86,11 +75,8 @@ export default function ServicesPage() {
],
},
{
title: "Hardscape Installation",
description:
"Premium installation of patios, walkways, retaining walls, and decorative features that add structure and elegance to your landscape.",
bentoComponent: "icon-info-cards",
items: [
title: "Hardscape Installation", description:
"Premium installation of patios, walkways, retaining walls, and decorative features that add structure and elegance to your landscape.", bentoComponent: "icon-info-cards", items: [
{ icon: Square, label: "Patios", value: "Custom Design" },
{ icon: Layers, label: "Walls", value: "Professional Build" },
{ icon: Zap, label: "Lighting", value: "Ambient Effects" },
@@ -114,44 +100,25 @@ export default function ServicesPage() {
tagAnimation="slide-up"
features={[
{
title: "Plant & Shrub Installation",
description:
"Professional planting of trees, shrubs, and ornamental plants selected for your climate and aesthetic preferences.",
bentoComponent: "marquee",
centerIcon: Leaf,
variant: "icon",
icons: [Leaf, Flower, Trees, Clover],
title: "Plant & Shrub Installation", description:
"Professional planting of trees, shrubs, and ornamental plants selected for your climate and aesthetic preferences.", bentoComponent: "marquee", centerIcon: Leaf,
variant: "icon", icons: [Leaf, Flower, Trees, Clover],
},
{
title: "Irrigation Systems",
description:
"Efficient irrigation and sod installation to maintain lush, healthy landscaping with minimal water waste.",
bentoComponent: "animated-bar-chart",
},
title: "Irrigation Systems", description:
"Efficient irrigation and sod installation to maintain lush, healthy landscaping with minimal water waste.", bentoComponent: "animated-bar-chart"},
{
title: "Decorative Enhancements",
description:
"Decorative stone, curbing, lighting, and ornamental features to elevate your landscape aesthetics.",
bentoComponent: "3d-stack-cards",
items: [
title: "Decorative Enhancements", description:
"Decorative stone, curbing, lighting, and ornamental features to elevate your landscape aesthetics.", bentoComponent: "3d-stack-cards", items: [
{
icon: Gem,
title: "Stone",
subtitle: "Premium",
detail: "High Quality",
},
title: "Stone", subtitle: "Premium", detail: "High Quality"},
{
icon: Crown,
title: "Features",
subtitle: "Custom",
detail: "Personalized",
},
title: "Features", subtitle: "Custom", detail: "Personalized"},
{
icon: Sparkles,
title: "Lighting",
subtitle: "Modern",
detail: "Professional",
},
title: "Lighting", subtitle: "Modern", detail: "Professional"},
],
},
]}
@@ -170,7 +137,7 @@ export default function ServicesPage() {
description="Contact Blue Collar Q today to discuss your landscaping project. Our team is ready to provide a personalized quote and help you bring your vision to life."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Get Free Quote"
@@ -216,4 +183,4 @@ export default function ServicesPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-montserrat), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-public-sans), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--card: #f0f7ff;
--foreground: #001a33;
--primary-cta: #003d99;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #e6f0ff;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #003d99;
--background-accent: #cce5ff;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

View File

@@ -14,14 +14,14 @@ import {
export default function TestimonialsPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
borderRadius="rounded"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
@@ -49,65 +49,29 @@ export default function TestimonialsPage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Phillip McKelvey",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "1", name: "Phillip McKelvey", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3",
imageAlt: "Phillip McKelvey - Satisfied Customer",
},
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3", imageAlt: "Phillip McKelvey - Satisfied Customer"},
{
id: "2",
name: "Gigy Padron",
role: "Property Manager",
company: "Cape Coral, FL",
rating: 5,
id: "2", name: "Gigy Padron", role: "Property Manager", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2",
imageAlt: "Gigy Padron - Property Manager",
},
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "Gigy Padron - Property Manager"},
{
id: "3",
name: "Cydney Kaye",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "3", name: "Cydney Kaye", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=4",
imageAlt: "Cydney Kaye - Happy Client",
},
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=4", imageAlt: "Cydney Kaye - Happy Client"},
{
id: "4",
name: "Carolyn Barry",
role: "Business Owner",
company: "Cape Coral, FL",
rating: 5,
id: "4", name: "Carolyn Barry", role: "Business Owner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "Carolyn Barry - Business Professional",
},
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Carolyn Barry - Business Professional"},
{
id: "5",
name: "Steven Truelsen",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "5", name: "Steven Truelsen", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg?_wi=2",
imageAlt: "Steven Truelsen - Homeowner",
},
"http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg?_wi=2", imageAlt: "Steven Truelsen - Homeowner"},
{
id: "6",
name: "Mike Wright",
role: "Homeowner",
company: "Cape Coral, FL",
rating: 5,
id: "6", name: "Mike Wright", role: "Homeowner", company: "Cape Coral, FL", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
imageAlt: "Mike Wright - Satisfied Customer",
},
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Mike Wright - Satisfied Customer"},
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
@@ -125,7 +89,7 @@ export default function TestimonialsPage() {
description="See why over 150 Cape Coral customers trust Blue Collar Q with their outdoor spaces. Contact us for a free consultation and discover the difference professional landscaping can make."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Get Free Quote"
@@ -171,4 +135,4 @@ export default function TestimonialsPage() {
</div>
</ThemeProvider>
);
}
}