Switch to version 2: modified src/app/services/page.tsx

This commit is contained in:
2026-03-17 11:57:27 +00:00
parent 483f63b0d1
commit d2ed8048fc

View File

@@ -75,139 +75,116 @@ export default function ServicesPage() {
/>
</div>
<div id="hero" data-section="hero">
<div id="services-hero" data-section="services-hero">
<HeroSplitDoubleCarousel
title="Our Services: Professional Catfishing Solutions"
description="From brand strategy to complete digital transformation."
tag="What we offer"
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: "Apply for Membership", href: "/contact" }]}
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-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-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"
},
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/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-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"
},
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"
avatarText="Our Expert Team"
/>
</div>
<div id="our-services" data-section="our-services">
<div id="service-offerings" data-section="service-offerings">
<TextAbout
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."
title="Professional Services Designed for Your Success"
useInvertedBackground={true}
/>
</div>
<div id="service-tiers" data-section="service-tiers">
<div id="service-packages" data-section="service-packages">
<PricingCardFive
title="Service Packages"
description="Choose the level of catfishing expertise you need for your brand transformation."
description="Choose the level of service that fits your needs."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tag="Professional services"
tag="Professional Services"
tagAnimation="blur-reveal"
plans={[
{
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" },
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: [
"Competitive market analysis", "Brand positioning strategy", "Target audience definition", "Strategic recommendations report"
],
"Logo design", "Color palette development", "Brand guidelines", "Social media optimization"],
},
{
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" },
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: [
"Website design and development", "Brand identity system", "Social media templates", "Digital asset library", "Responsive optimization"
],
"Complete brand identity", "Website design", "Content strategy", "Social media templates", "Quarterly consultations"],
},
{
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" },
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: [
"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"
],
"Unlimited revisions", "Dedicated strategist", "Custom motion graphics", "Market positioning", "Monthly strategy sessions", "Priority support"],
},
]}
/>
</div>
<div id="client-work" data-section="client-work">
<div id="client-success-stories" data-section="client-success-stories">
<TestimonialCardFive
title="Client Success Stories"
description="See how our services transformed real businesses into industry leaders."
tag="Case studies"
description="See how our services transformed businesses."
tag="Real Results"
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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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"
},
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-impact" data-section="service-impact">
<div id="service-metrics" data-section="service-metrics">
<MetricCardTen
title="The Impact of Professional Branding Services"
description="Measurable results across our client portfolio."
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: "Client Satisfaction", subtitle: "across all service packages", category: "Quality", value: "98%", buttons: [{ text: "Start Your Transformation", href: "/contact" }],
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: "Average ROI Improvement", subtitle: "within first 6 months", category: "Business Impact", value: "280%"
},
id: "metric-2", title: "Client Satisfaction", subtitle: "average rating", category: "Quality", value: "9.8/10"},
{
id: "metric-3", title: "Projects Completed", subtitle: "with ongoing support", category: "Experience", value: "500+"
},
id: "metric-3", title: "Industry Experience", subtitle: "years of expertise", category: "Expertise", value: "10+"},
]}
/>
</div>
@@ -215,8 +192,8 @@ export default function ServicesPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2024 Catfish Cartel. All transformations confidential."
bottomRightText="Professional branding that actually works."
bottomLeftText="© 2024 Catfish Cartel Services. All rights reserved."
bottomRightText="Professional service delivery you can trust."
/>
</div>
</ThemeProvider>