Update src/app/services/page.tsx

This commit is contained in:
2026-04-08 07:14:47 +00:00
parent 96c2af1861
commit bee0eb4ede

View File

@@ -2,60 +2,47 @@
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Target, Users, TrendingUp, Lightbulb } from "lucide-react";
export default function ServicesPage() {
const navItems = [
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "#contact" }} />
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "/contact" }} />
<div id="services" data-section="services">
<FeatureCardTwentyFive
tag="Our Services"
title="How I Can Help You"
description="Comprehensive coaching services designed to accelerate your growth"
textboxLayout="default"
<FeatureCardNine
title="Our Services"
description="Accelerate your business growth with proven coaching."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
features={[
{
title: "Business Strategy", description: "Crafting clear, actionable strategies that align with your goals for sustainable growth.", icon: Target,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Team collaborating around a whiteboard" },
],
},
{
title: "Leadership Development", description: "Build the leadership skills needed to inspire teams and drive organizational success.", icon: Users,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800&h=600&fit=crop", imageAlt: "Professional team meeting" },
],
},
{
title: "Growth Acceleration", description: "Identify opportunities and implement systems to scale your business efficiently.", icon: TrendingUp,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800&h=600&fit=crop", imageAlt: "Business analytics dashboard" },
],
},
{
title: "Mindset Coaching", description: "Overcome limiting beliefs and develop the mindset of a successful entrepreneur.", icon: Lightbulb,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1508672019048-805c876b67e2?w=800&h=600&fit=crop", imageAlt: "Mindfulness and focus" },
],
},
{ title: "Strategy", description: "Business roadmap creation", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=800&fit=crop" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=400&h=800&fit=crop" } },
{ title: "Growth", description: "Scale your operations efficiently", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&h=800&fit=crop" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1508672019048-805c876b67e2?w=400&h=800&fit=crop" } }
]}
/>
</div>
<FooterLogoEmphasis logoText="Coach" columns={[{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Testimonials", href: "#testimonials" }] }, { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Book a Call", href: "#" }] }, { items: [{ label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }, { label: "Instagram", href: "#" }] }]} />
<FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] }]} />
</ReactLenis>
</ThemeProvider>
);