Files
bcfaefad-e112-46dc-b0d6-ac5…/src/app/services/page.tsx
2026-03-04 16:11:32 +00:00

207 lines
7.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, CheckCircle, Shield, Zap } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Company",
items: [
{ label: "About", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Services", href: "/services" },
{ label: "Team", href: "/about" },
],
},
{
title: "Resources",
items: [
{ label: "Blog", href: "/blog" },
{ label: "Case Studies", href: "/portfolio" },
{ label: "FAQ", href: "/faq" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Connect",
items: [
{ label: "Twitter", href: "https://twitter.com/acemedia" },
{ label: "LinkedIn", href: "https://linkedin.com/company/acemedia" },
{ label: "Instagram", href: "https://instagram.com/acemedia" },
{ label: "hello@acemedia.co", href: "mailto:hello@acemedia.co" },
],
},
];
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLarge"
background="noise"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="AceMedia"
bottomLeftText="Design Studio"
bottomRightText="hello@acemedia.co"
/>
</div>
<div id="services-pricing" data-section="services-pricing">
<PricingCardEight
title="Services & Pricing"
description="Choose the perfect package for your business needs. All plans include strategic consultation and ongoing support."
tag="Our Services"
tagAnimation="slide-up"
plans={[
{
id: "starter",
badge: "Perfect for Startups",
badgeIcon: Sparkles,
price: "$2,500",
subtitle: "Essential web presence",
buttons: [{ text: "Get Started", href: "/contact" }],
features: [
"5-page custom website",
"Mobile-responsive design",
"Contact form integration",
"SEO optimization basics",
"1 round of revisions",
"Deployment & setup",
],
},
{
id: "professional",
badge: "Most Popular",
badgeIcon: CheckCircle,
price: "$5,500",
subtitle: "High-converting website",
buttons: [{ text: "Choose Plan", href: "/contact" }],
features: [
"10-page custom website",
"Advanced SEO strategy",
"CMS integration",
"Performance optimization",
"Analytics setup",
"2 rounds of revisions",
"6 months support",
],
},
{
id: "enterprise",
badge: "For Scale",
badgeIcon: Shield,
price: "$12,000+",
subtitle: "Full digital transformation",
buttons: [{ text: "Let's Talk", href: "/contact" }],
features: [
"Unlimited pages",
"E-commerce integration",
"Custom functionality",
"Brand strategy included",
"Complete marketing setup",
"Unlimited revisions",
"12 months support",
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="services-testimonials" data-section="services-testimonials">
<TestimonialCardTwo
title="Why Clients Choose Our Services"
description="Hear directly from businesses that have invested in AceMedia services"
tag="Service Reviews"
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Jennifer Williams",
role: "Managing Director, Prime Marketing",
testimonial:
"The service packages are transparent and exactly what we needed. No surprises, just honest work and real results. Best investment we've made.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUGx3nyr3Ulfuu49Sf7JGcziQq/professional-headshot-of-a-confident-wom-1772640592380-989cca76.png",
imageAlt: "Jennifer Williams",
},
{
id: "2",
name: "Robert Thompson",
role: "VP Operations, CloudSync Inc",
testimonial:
"We chose the professional plan and it was perfect. The team understood our needs and delivered a website that speaks to our customers.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUGx3nyr3Ulfuu49Sf7JGcziQq/professional-headshot-of-a-mature-male-b-1772640592480-d12f4c76.png",
imageAlt: "Robert Thompson",
},
{
id: "3",
name: "Lisa Anderson",
role: "Founder, InnovateLab",
testimonial:
"The enterprise service package gave us everything we needed for a full digital transformation. Worth every dollar for the strategic guidance alone.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUGx3nyr3Ulfuu49Sf7JGcziQq/professional-headshot-of-a-young-female--1772640592464-ec168ba1.png",
imageAlt: "Lisa Anderson",
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="services-cta" data-section="services-cta">
<ContactCTA
tag="Ready to Invest in Your Success?"
tagIcon={Zap}
tagAnimation="slide-up"
title="Choose Your Service Package Today"
description="All plans come with dedicated support and strategic guidance. Our team will work with you to ensure your success from day one."
buttons={[
{ text: "Schedule Consultation", href: "/contact" },
{ text: "View Our Portfolio", href: "/portfolio" },
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="AceMedia"
copyrightText="© 2025 AceMedia. All rights reserved."
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}