bender/6d1dcae9-50c0-45ae-86fe-ebf8cb69f12f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-16 02:15:21 +00:00
parent 0c885d85ab
commit e6cf2eec4e
1 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/app/services/page.tsx
View File

@@ -4,7 +4,8 @@ import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
@@ -97,7 +98,7 @@ export default function ServicesPage() {
{/* Pricing Section */}
<div id="pricing" data-section="pricing">
<PricingCardFive
<PricingCardOne
title="Simple, Transparent Pricing"
description="Choose the plan that works best for your business. No hidden fees, no surprises."
textboxLayout="default"
@@ -105,27 +106,44 @@ export default function ServicesPage() {
animationType="slide-up"
plans={[
{
id: "full-service", tag: "Most Popular", price: "$375", period: "/month", description: "Perfect for businesses ready to grow", button: {
text: "Get Started", href: "/contact"},
featuresTitle: "What's Included", features: [
id: "full-service", badge: "Most Popular", price: "$375", subtitle: "/month", features: [
"Custom website build", "Hosting included", "Unlimited monthly updates", "Ongoing support", "4-month minimum commitment", "Buy-out option available ($850)"],
},
{
id: "hybrid", tag: "Flexible", price: "$1,000", period: "setup + $250/month", description: "Great for businesses wanting flexibility", button: {
text: "Learn More", href: "/contact"},
featuresTitle: "What's Included", features: [
id: "hybrid", badge: "Flexible", price: "$1,000", subtitle: "setup + $250/month", features: [
"Custom website build", "Monthly maintenance", "Regular updates", "Technical support", "No long-term contracts", "Perfect for evolving businesses"],
},
{
id: "one-time", tag: "Simple", price: "$1,250", period: "one-time", description: "For businesses wanting complete ownership", button: {
text: "Get Your Site", href: "/contact"},
featuresTitle: "What's Included", features: [
id: "one-time", badge: "Simple", price: "$1,250", subtitle: "one-time", features: [
"Fully completed website", "Ready to launch immediately", "One-time payment only", "Transfer to your hosting", "Documentation provided", "Perfect for self-managed businesses"],
},
]}
/>
</div>
{/* FAQ Section */}
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Service FAQs"
description="Common questions about our services, pricing, and process."
faqs={[
{
id: "1", title: "How long does a website typically take to build?", content: "Most websites are completed within 48 hours. We use an efficient, streamlined process to ensure rapid delivery without sacrificing quality or professionalism."},
{
id: "2", title: "Can you help with existing websites?", content: "Absolutely! We offer comprehensive website redesign services. We can modernize your existing site, improve its performance, and enhance its conversion rate."},
{
id: "3", title: "What's included in your SEO services?", content: "Our SEO packages include keyword research, on-page optimization, technical SEO, content strategy, and ongoing monitoring. We focus on sustainable, long-term growth."},
]}
imageSrc="http://img.b2bpic.net/free-vector/team-work-background-flat-style_23-2147763073.jpg"
imageAlt="FAQ illustration"
mediaAnimation="slide-up"
mediaPosition="left"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* CTA Section */}
<div id="cta" data-section="cta">
<ContactCenter
@@ -150,4 +168,4 @@ export default function ServicesPage() {
</div>
</ThemeProvider>
);
}
}