diff --git a/src/pages/ServicesPage.tsx b/src/pages/ServicesPage.tsx
index 47e9453..ae37ca1 100644
--- a/src/pages/ServicesPage.tsx
+++ b/src/pages/ServicesPage.tsx
@@ -6,80 +6,51 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ServicesPage() {
return (
<>
-
-
+
+
-
-
+ tag="OUR SERVICES"
+ title="SOLUTIONS THAT DRIVE GROWTH"
+ description="From custom designs to automated lead generation systems."
+ features={[
+ {
+ title: "Website Design", description: "Custom sites from scratch.", bentoComponent: "info-card-marquee", infoCards: [
+ {
+ icon: "Pen", label: "UI Design", value: "Premium"},
+ {
+ icon: "Code", label: "Development", value: "Fast"},
+ ],
+ },
+ {
+ title: "AI Automation", description: "Smart chatbots that convert visitors into leads 24/7.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
+ {
+ userMessage: "Do you offer quotes?", aiResponse: "Yes, I can get that for you!"},
+ ],
+ placeholder: "..."},
+ ]}
+ />
+
+
-
-
+
+
-
-
+ tag="PERFORMANCE"
+ title="METRICS THAT MATTER"
+ description="Data-driven results for your business."
+ metrics={[
+ {
+ value: "2x", title: "Lead Volume", features: [
+ "Qualified traffic", "AI filtering"],
+ },
+ {
+ value: "99%", title: "Uptime", features: [
+ "Cloud hosting", "Global CDN"],
+ },
+ ]}
+ />
+
+
>
);
}