207 lines
7.5 KiB
TypeScript
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>
|
|
);
|
|
} |