Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f7a45bd7ea | |||
| eee9759f33 | |||
| 39a132af97 | |||
| a805940045 | |||
| 74d6a22529 | |||
| 1e8493b9b2 | |||
| a47cc3a69c | |||
| c36ff7e505 | |||
| e7cec23e65 | |||
| 743d298443 |
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
173
src/app/page.tsx
173
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user