bender/eb2f9f0f-0790-4d76-bab2-9eb1663ca09e
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-17 11:50:04 +00:00
parent a89ab8d85a
commit f6248c1870
1 changed files with 104 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,23 +4,25 @@ import Link from "next/link";
import { Sparkles, Zap, Crown } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TextAbout from "@/components/sections/about/TextAbout";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
export default function ServicesPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Cartel",
items: [
title: "Cartel", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Portfolio", href: "/" },
@@ -28,8 +30,7 @@ export default function ServicesPage() {
],
},
{
title: "Operations",
items: [
title: "Operations", items: [
{ label: "Brand Strategy", href: "/services" },
{ label: "Web Design", href: "/services" },
{ label: "Content Creation", href: "/services" },
@@ -37,8 +38,7 @@ export default function ServicesPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Contact", href: "/contact" },
{ label: "Instagram", href: "#" },
{ label: "Twitter", href: "#" },
@@ -46,8 +46,7 @@ export default function ServicesPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Code of Conduct", href: "#" },
@@ -76,92 +75,127 @@ export default function ServicesPage() {
/>
</div>
<div id="services-intro" data-section="services-intro">
<div id="services-hero" data-section="services-hero">
<HeroSplitDoubleCarousel
title="Our Professional Services"
description="We deliver excellence across all our branding and design operations."
tag="Services Overview"
tagIcon={Sparkles}
tagAnimation="blur-reveal"
buttons={[{ text: "Get Started", href: "/contact" }]}
buttonAnimation="slide-up"
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fern-leaves_181624-3794.jpg", imageAlt: "Lush jungle foliage with deep shadows"},
{
imageSrc: "http://img.b2bpic.net/free-vector/watercolor-tropical-wedding-invitation-template_23-2148180993.jpg", imageAlt: "Layered tropical leaves and vines"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11318.jpg", imageAlt: "Dark water ripples and underwater textures"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-reflection-jellyfish-aquarium_169016-20527.jpg", imageAlt: "Dark iridescent water surface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-view-manta-ray-animal-underwater_23-2151517382.jpg", imageAlt: "Murky underwater gradient with fish silhouettes"},
{
imageSrc: "http://img.b2bpic.net/free-vector/leaves-with-neon-frame-realistic_23-2148437702.jpg", imageAlt: "Deep green jungle canopy with gold light filtering through"},
]}
carouselPosition="right"
avatarText="Our Expert Team"
/>
</div>
<div id="service-offerings" data-section="service-offerings">
<TextAbout
title="What the Cartel Delivers: Three Tiers of Transformation"
title="Professional Services Designed for Your Success"
useInvertedBackground={true}
/>
</div>
<div id="services-pricing" data-section="services-pricing">
<div id="service-packages" data-section="service-packages">
<PricingCardFive
title="Our Service Tiers"
description="Every package comes with exclusivity. Every level demands commitment."
title="Service Packages"
description="Choose the level of service that fits your needs."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tag="Professional catfishing operations",
tag="Professional Services"
tagAnimation="blur-reveal"
plans={[
{
id: "associate-service",
tag: "Associate Package",
tagIcon: Zap,
price: "$5,000",
period: "per brand overhaul",
description: "Your first taste. Logo, colors, strategy, and presence optimization.",
button: { text: "Start Here", href: "/contact" },
featuresTitle: "Includes",
features: [
"Professional logo design with premium finishes",
"Custom color palette development",
"Social media audit and optimization",
"Brand guidelines documentation",
],
id: "basic-service", tag: "Basic", tagIcon: Zap,
price: "$3,000", period: "per project", description: "Essential branding and design services.", button: { text: "Request Service", href: "/contact" },
featuresTitle: "Includes", features: [
"Logo design", "Color palette development", "Brand guidelines", "Social media optimization"],
},
{
id: "made-member-service",
tag: "Made Member Package",
tagIcon: Crown,
price: "$12,000",
period: "per complete operation",
description: "Full brand ecosystem. Website, content, strategy—everything.",
button: { text: "Go Deeper", href: "/contact" },
featuresTitle: "Includes",
features: [
"Complete brand identity system design",
"Professional website development and design",
"50+ premium content templates",
"Comprehensive social media strategy",
"Quarterly strategic consultations",
],
id: "professional-service", tag: "Professional", tagIcon: Crown,
price: "$8,000", period: "per project", description: "Comprehensive branding and digital services.", button: { text: "Request Service", href: "/contact" },
featuresTitle: "Includes", features: [
"Complete brand identity", "Website design", "Content strategy", "Social media templates", "Quarterly consultations"],
},
{
id: "inner-circle-service",
tag: "Inner Circle Membership",
tagIcon: Sparkles,
price: "$25,000",
period: "annual commitment",
description: "The elite experience. Dedicated strategist. Unlimited revisions. Priority everything.",
button: { text: "Join Elite", href: "/contact" },
featuresTitle: "Includes",
features: [
"Unlimited brand revisions and updates throughout year",
"Dedicated account strategist and creative director",
"Custom motion graphics and animation production",
"Market positioning and competitive analysis",
"Monthly executive strategy sessions",
"24-hour priority support and rapid deployment",
],
id: "enterprise-service", tag: "Enterprise", tagIcon: Sparkles,
price: "$20,000", period: "per year", description: "Full-service premium branding and strategy.", button: { text: "Request Service", href: "/contact" },
featuresTitle: "Includes", features: [
"Unlimited revisions", "Dedicated strategist", "Custom motion graphics", "Market positioning", "Monthly strategy sessions", "Priority support"],
},
]}
/>
</div>
<div id="services-cta" data-section="services-cta">
<TextAbout
title="Ready to transform perception into profit? The cartel is accepting new operations. Apply now."
<div id="client-success-stories" data-section="client-success-stories">
<TestimonialCardFive
title="Client Success Stories"
description="See how our services transformed businesses."
tag="Real Results"
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "client-1", name: "Priya Kapoor", date: "2024", title: "Founder, Luxury Goods Ltd", quote: "Professional service that delivers real results. They transformed our brand presence.", tag: "Service Success", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg", imageSrc: "http://img.b2bpic.net/free-vector/minimalist-bakery-gift-certificate-template_742173-8417.jpg?_wi=1"},
{
id: "client-2", name: "Madison Chen", date: "2024", title: "Founder, Digital Dreams Co", quote: "Outstanding service quality. They made us look professional and credible.", tag: "Brand Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg", imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148379212.jpg?_wi=1"},
{
id: "client-3", name: "James Rodriguez", date: "2024", title: "CEO, NextGen Ventures", quote: "Their service excellence helped us secure investor confidence and funding.", tag: "Investor Ready", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-drinking-coffee-with-sunglasses-guy-with-beard-instagram-effect_1212-818.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-lives-matter-cards-with-letters-multicolored-paper_23-2148802411.jpg?_wi=1"},
{
id: "client-4", name: "Marcus Webb", date: "2024", title: "Founder, Tech Solutions Pro", quote: "Professional services that truly understand business needs. Highly recommended.", tag: "Partnership Success", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mindset-opposite-positivity-negativity-thinking-concept_53876-123760.jpg?_wi=1"},
{
id: "client-5", name: "Sophie Laurent", date: "2024", title: "CMO, Elegant Brands", quote: "Expert service delivery that exceeded all our expectations.", tag: "Service Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg", imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-red-table_171337-13058.jpg?_wi=1"},
{
id: "client-6", name: "David Park", date: "2024", title: "Founder, Growth Hacking Co", quote: "Exceptional service quality that transformed our market position.", tag: "Long-term Partner", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-people-looking-chart-office_23-2148017089.jpg?_wi=1"},
]}
/>
</div>
<div id="service-metrics" data-section="service-metrics">
<MetricCardTen
title="Why Choose Our Services"
description="Proven results from years of professional service delivery."
animationType="slide-up"
textboxLayout="centered"
useInvertedBackground={false}
metrics={[
{
id: "metric-1", title: "Projects Completed", subtitle: "successful service deliveries", category: "Track Record", value: "500+", buttons: [{ text: "Get Our Services", href: "/contact" }],
},
{
id: "metric-2", title: "Client Satisfaction", subtitle: "average rating", category: "Quality", value: "9.8/10"},
{
id: "metric-3", title: "Industry Experience", subtitle: "years of expertise", category: "Expertise", value: "10+"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2024 Catfish Cartel. All transformations confidential."
bottomRightText="We make the magic. You take the credit."
bottomLeftText="© 2024 Catfish Cartel Services. All rights reserved."
bottomRightText="Professional service delivery you can trust."
/>
</div>
</ThemeProvider>
);
}
}