Add src/app/services/page.tsx
This commit is contained in:
262
src/app/services/page.tsx
Normal file
262
src/app/services/page.tsx
Normal file
@@ -0,0 +1,262 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import { ThemeProvider } from "next-themes";
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||||
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||||
|
import { Sparkles, CheckCircle } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function ServicesPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
attribute="class"
|
||||||
|
defaultButtonVariant="hover-magnetic"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="none"
|
||||||
|
cardStyle="solid"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="solid"
|
||||||
|
headingFontWeight="extrabold"
|
||||||
|
>
|
||||||
|
<div id="navbar" data-section="navbar">
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={[
|
||||||
|
{ name: 'Home', id: '/' },
|
||||||
|
{ name: 'Services', id: '/services' }
|
||||||
|
]}
|
||||||
|
brandName="SparkleClean"
|
||||||
|
logoSrc="https://cdn.builder.io/api/v1/image/assets/TEMP/c4d3b6a0-544d-4e9e-8c65-8f6a90a4b7f8?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
logoAlt="SparkleClean Logo"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outdoor-kitchen-services" data-section="outdoor-kitchen-services">
|
||||||
|
<FeatureCardTwentySix
|
||||||
|
title="Outdoor Kitchen Cleaning Services"
|
||||||
|
description="Restore the brilliance of your outdoor kitchen with our specialized cleaning services. We tackle grease, grime, and environmental buildup to leave your cooking and entertaining space pristine."
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: 'Deep Degreasing',
|
||||||
|
description: 'Thorough removal of grease and food residue from all surfaces.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a8e0f6f7-b0a3-4b6d-a1c1-4b1e5a5a1f6a?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Stainless Steel Polishing',
|
||||||
|
description: 'Professional polishing to restore shine and protect stainless steel appliances.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/f2b5c7e0-9e6e-4c7c-9b1b-9e4a3c1e2d0d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Countertop & Surface Scrub',
|
||||||
|
description: 'Cleaning and sanitizing of all countertop materials and other surfaces.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/e4a7d6e4-4d8b-4a8b-b6f7-2e1c3a1b0a9b?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Cabinet & Storage Wipe Down',
|
||||||
|
description: 'Cleaning interior and exterior of cabinets, drawers, and storage units.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a9f0e1d7-2f7e-4b7f-8c7c-1f6a9b8c3d7e?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="outdoor-kitchen-pricing" data-section="outdoor-kitchen-pricing">
|
||||||
|
<PricingCardTwo
|
||||||
|
title="Outdoor Kitchen Cleaning Pricing"
|
||||||
|
description="Our pricing is transparent and tailored to the size and complexity of your outdoor kitchen. Service area includes all major metropolitan areas and surrounding suburbs. Contact us for a precise quote."
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: 'basic-outdoor',
|
||||||
|
badge: 'Standard Clean',
|
||||||
|
badgeIcon: CheckCircle,
|
||||||
|
price: '$249',
|
||||||
|
subtitle: 'Ideal for routine maintenance',
|
||||||
|
buttons: [{ text: 'Get Started', href: '#contact' }],
|
||||||
|
features: [
|
||||||
|
'Surface wipedown',
|
||||||
|
'Light degreasing',
|
||||||
|
'Stainless steel polish (exterior)',
|
||||||
|
'Countertop sanitization'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'premium-outdoor',
|
||||||
|
badge: 'Deep Clean',
|
||||||
|
badgeIcon: CheckCircle,
|
||||||
|
price: '$399',
|
||||||
|
subtitle: 'Recommended for annual deep cleaning',
|
||||||
|
buttons: [{ text: 'Choose Plan', href: '#contact' }],
|
||||||
|
features: [
|
||||||
|
'Includes Standard Clean',
|
||||||
|
'Intensive degreasing',
|
||||||
|
'Interior cabinet cleaning',
|
||||||
|
'Appliance exterior deep clean',
|
||||||
|
'Stain removal'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
animationType="fade-in"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="grill-cleaning-services" data-section="grill-cleaning-services">
|
||||||
|
<FeatureCardTwentySix
|
||||||
|
title="Grill Cleaning Services"
|
||||||
|
description="Extend the life of your grill and ensure healthier cooking with our professional grill cleaning. We remove grease, carbon buildup, and food debris from every component."
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: 'Grill Hood & Exterior',
|
||||||
|
description: 'Detailed cleaning and polishing of the grill hood and outer surfaces.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/d5a9d6c7-b8f9-4c01-8e01-1b3a2a4b5c6d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Cooking Grates & Flavorizer Bars',
|
||||||
|
description: 'Thorough cleaning to remove baked-on food and carbon for optimal heat distribution.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/c9e1f0e2-7a8b-4c9d-9e1d-0a2b3c4d5e6f?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Burners & Interior Components',
|
||||||
|
description: 'Cleaning of burner tubes, heat diffusers, and other interior parts to ensure efficiency.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/b1f2e3a4-5c6d-7e8f-9a0b-1c2d3e4f5a6b?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Drip Pans & Grease Trays',
|
||||||
|
description: 'Emptying and deep cleaning of all grease management components.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a1b2c3d4-e5f6-7a8b-9c0d-1e2f3a4b5c6d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="grill-cleaning-pricing" data-section="grill-cleaning-pricing">
|
||||||
|
<PricingCardTwo
|
||||||
|
title="Grill Cleaning Pricing"
|
||||||
|
description="Our grill cleaning services are priced based on the size and type of your grill. We proudly serve residential and commercial clients within a 30-mile radius of the city center."
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: 'standard-grill',
|
||||||
|
badge: 'Standard Grill',
|
||||||
|
badgeIcon: CheckCircle,
|
||||||
|
price: '$179',
|
||||||
|
subtitle: 'For grills up to 3 burners',
|
||||||
|
buttons: [{ text: 'Book Now', href: '#contact' }],
|
||||||
|
features: [
|
||||||
|
'Grates & flavorizer bars cleaned',
|
||||||
|
'Burner area degreased',
|
||||||
|
'Exterior polish',
|
||||||
|
'Grease tray emptied'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'large-grill',
|
||||||
|
badge: 'Large Grill',
|
||||||
|
badgeIcon: CheckCircle,
|
||||||
|
price: '$249',
|
||||||
|
subtitle: 'For grills 4+ burners / built-in',
|
||||||
|
buttons: [{ text: 'Book Now', href: '#contact' }],
|
||||||
|
features: [
|
||||||
|
'Includes Standard Grill',
|
||||||
|
'Deep clean of all interior components',
|
||||||
|
'Rotisserie parts cleaned',
|
||||||
|
'Full exterior restoration'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
animationType="fade-in"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="artificial-turf-services" data-section="artificial-turf-services">
|
||||||
|
<FeatureCardTwentySix
|
||||||
|
title="Artificial Turf Services"
|
||||||
|
description="Maintain the beauty and hygiene of your artificial turf with our specialized cleaning and maintenance services. We ensure your turf remains vibrant, fresh, and free of debris and odors."
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: 'Debris Removal',
|
||||||
|
description: 'Vacuuming and sweeping to remove leaves, dirt, and other surface debris.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/e1a2b3c4-d5e6-7f8a-9b0c-1d2e3f4a5b6c?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Pet Odor Treatment',
|
||||||
|
description: 'Application of specialized enzymatic cleaners to neutralize pet odors and sanitize.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/f1e2d3c4-b5a6-9e8d-7c6b-5a4d3e2f1g2h?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Infill Redistribution',
|
||||||
|
description: 'Brushing and redistributing infill to maintain turf uprightness and drainage.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/c9e0f1d2-a3b4-5c6d-7e8f-9a0b1c2d3e4f?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Deep Cleaning & Sanitization',
|
||||||
|
description: 'Pressure washing and sanitizing the turf fibers to eliminate bacteria and mold.',
|
||||||
|
buttonIcon: Sparkles,
|
||||||
|
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a5b6c7d8-e9f0-1a2b-3c4d-5e6f7a8b9c0d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="artificial-turf-pricing" data-section="artificial-turf-pricing">
|
||||||
|
<PricingCardTwo
|
||||||
|
title="Artificial Turf Services Pricing"
|
||||||
|
description="Our artificial turf services are priced per square foot, with discounts for larger areas. We offer full coverage across the entire state for commercial properties and specific zones for residential. Please inquire for details."
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: 'basic-turf',
|
||||||
|
badge: 'Essential Care',
|
||||||
|
badgeIcon: CheckCircle,
|
||||||
|
price: '$0.50/sqft',
|
||||||
|
subtitle: 'For standard turf maintenance',
|
||||||
|
buttons: [{ text: 'Learn More', href: '#contact' }],
|
||||||
|
features: [
|
||||||
|
'Debris removal',
|
||||||
|
'Basic infill redistribution',
|
||||||
|
'Light rinse'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'premium-turf',
|
||||||
|
badge: 'Premium Clean',
|
||||||
|
badgeIcon: CheckCircle,
|
||||||
|
price: '$0.75/sqft',
|
||||||
|
subtitle: 'For deep cleaning & odor control',
|
||||||
|
buttons: [{ text: 'Get a Quote', href: '#contact' }],
|
||||||
|
features: [
|
||||||
|
'Includes Essential Care',
|
||||||
|
'Pet odor treatment (if applicable)',
|
||||||
|
'Deep sanitization',
|
||||||
|
'Intensive infill management'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
animationType="fade-in"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user