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:56:57 +00:00
parent 77afb1887e
commit 87811fcadf
1 changed files with 123 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
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,82 +75,140 @@ export default function ServicesPage() {
/>
</div>
<div id="services-intro" data-section="services-intro">
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="Our Services: Professional Catfishing Solutions"
description="From brand strategy to complete digital transformation."
tag="What we offer"
tagIcon={Sparkles}
tagAnimation="blur-reveal"
buttons={[{ text: "Apply for Membership", 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"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9543.jpg", alt: "Cartel member one" },
{ src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "Cartel member two" },
{ src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Cartel member three" },
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg", alt: "Cartel member four" },
]}
avatarText="Join our service team"
/>
</div>
<div id="our-services" data-section="our-services">
<TextAbout
title="What the Cartel Delivers: Three Tiers of Transformation"
title="We specialize in making your brand look like it's been crushing it for years. Our service suite covers every touchpoint of your brand presence."
useInvertedBackground={true}
/>
</div>
<div id="services-pricing" data-section="services-pricing">
<div id="service-tiers" data-section="service-tiers">
<PricingCardFive
title="Our Service Tiers"
description="Every package comes with exclusivity. Every level demands commitment."
title="Service Packages"
description="Choose the level of catfishing expertise you need for your brand transformation."
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: "brand-strategy", tag: "Brand Strategy", tagIcon: Zap,
price: "$3,000", period: "per project", description: "Strategic brand positioning and market analysis.", button: { text: "Inquire", href: "/contact" },
featuresTitle: "Includes", features: [
"Competitive market analysis", "Brand positioning strategy", "Target audience definition", "Strategic recommendations report"
],
},
{
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: "digital-design", tag: "Digital Design", tagIcon: Crown,
price: "$8,000", period: "per project", description: "Complete digital presence design and implementation.", button: { text: "Inquire", href: "/contact" },
featuresTitle: "Includes", features: [
"Website design and development", "Brand identity system", "Social media templates", "Digital asset library", "Responsive optimization"
],
},
{
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: "premium-package", tag: "Premium Package", tagIcon: Sparkles,
price: "$20,000", period: "per project", description: "Full-service brand transformation with ongoing support.", button: { text: "Inquire", href: "/contact" },
featuresTitle: "Includes", features: [
"Complete brand audit and strategy", "Website design and deployment", "Content creation (100+ assets)", "Social media strategy and setup", "Marketing materials package", "3 months of optimization 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-work" data-section="client-work">
<TestimonialCardFive
title="Client Success Stories"
description="See how our services transformed real businesses into industry leaders."
tag="Case studies"
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "cs-1", name: "Priya Kapoor", date: "2024", title: "Founder, Luxury Goods Ltd", quote: "Our brand strategy session gave us clarity on positioning. Within months, we were attracting the right clientele.", tag: "Strategic Branding", 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: "cs-2", name: "Madison Chen", date: "2024", title: "Founder, Digital Dreams Co", quote: "The digital design package transformed our online presence completely. Our conversion rates improved by 200%.", tag: "Digital Design", 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: "cs-3", name: "James Rodriguez", date: "2024", title: "CEO, NextGen Ventures", quote: "With the premium package, we got everything we needed and then some. Best investment in our brand we have made.", tag: "Premium Service", 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: "cs-4", name: "Marcus Webb", date: "2024", title: "Founder, Tech Solutions Pro", quote: "The content creation service saved us months of internal work. Our marketing team can now focus on strategy.", tag: "Content Strategy", 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: "cs-5", name: "Sophie Laurent", date: "2024", title: "CMO, Elegant Brands", quote: "Professional, fast, and exactly what our brand needed. They understood our vision immediately.", tag: "Brand 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: "cs-6", name: "David Park", date: "2024", title: "Founder, Growth Hacking Co", quote: "The service transformed how we present ourselves to investors. Our pitch deck is now industry-leading.", tag: "Growth Strategy", 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-impact" data-section="service-impact">
<MetricCardTen
title="The Impact of Professional Branding Services"
description="Measurable results across our client portfolio."
animationType="slide-up"
textboxLayout="centered"
useInvertedBackground={false}
metrics={[
{
id: "metric-1", title: "Client Satisfaction", subtitle: "across all service packages", category: "Quality", value: "98%", buttons: [{ text: "Start Your Transformation", href: "/contact" }],
},
{
id: "metric-2", title: "Average ROI Improvement", subtitle: "within first 6 months", category: "Business Impact", value: "280%"
},
{
id: "metric-3", title: "Projects Completed", subtitle: "with ongoing support", category: "Experience", value: "500+"
},
]}
/>
</div>
@@ -159,9 +216,9 @@ export default function ServicesPage() {
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2024 Catfish Cartel. All transformations confidential."
bottomRightText="We make the magic. You take the credit."
bottomRightText="Professional branding that actually works."
/>
</div>
</ThemeProvider>
);
}
}