diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ed23835..24a25c4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,8 +2,8 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import TeamCardTen from "@/components/sections/team/TeamCardTen";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import TeamCardOne from "@/components/sections/team/TeamCardOne";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function AboutPage() {
@@ -15,25 +15,35 @@ export default function AboutPage() {
     ];
 
     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" }} />
                 <div id="about" data-section="about">
-                    <TeamCardTen
-                        title="Get to know the experienced coaches who will personally guide your entire business transformation journey"
-                        tag="About"
-                        membersAnimation="slide-up"
-                        memberVariant="card"
+                    <TeamCardOne
+                        title="Our Team"
+                        description="Meet the experts behind our success."
+                        textboxLayout="default"
+                        animationType="slide-up"
+                        gridVariant="uniform-all-items-equal"
                         useInvertedBackground={false}
                         members={[
-                            {
-                                id: "1",                                name: "John Anderson",                                role: "Lead Business Coach",                                description: "With over 15 years of experience, John specializes in scaling startups and optimizing operational efficiency.",                                imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face",                                imageAlt: "John Anderson - Business Coach"},
-                            {
-                                id: "2",                                name: "Lisa Thompson",                                role: "Executive Coach",                                description: "Lisa focuses on leadership development and team dynamics to foster high-performance company cultures.",                                imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=400&fit=crop&crop=face",                                imageAlt: "Lisa Thompson - Executive Coach"},
+                            { id: "1", name: "John Anderson", role: "Lead Business Coach", imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face", imageAlt: "John Anderson" },
+                            { id: "2", name: "Lisa Thompson", role: "Executive Coach", imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=400&fit=crop&crop=face", imageAlt: "Lisa Thompson" },
                         ]}
                     />
                 </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>
     );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 9f0b6ac..389ba11 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,20 +3,29 @@
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function ContactPage() {
     const navItems = [
-        { name: "About", href: "/#about" },
-        { name: "Services", href: "/#services" },
-        { name: "Testimonials", href: "/#testimonials" },
-        { name: "Pricing", href: "/pricing" },
-        { name: "Contact", href: "/contact" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { 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}
@@ -32,13 +41,7 @@ export default function ContactPage() {
                         useInvertedBackground={false}
                     />
                 </div>
-                <FooterLogoEmphasis
-                    logoText="Coach"
-                    columns={[
-                        { items: [{ label: "Home", href: "/" }] },
-                        { items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] }
-                    ]}
-                />
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4b13001..75b9a5b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -19,8 +19,8 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: "Webild components 2",
-  description: "Generated by create next app",
+  title: 'Business Coach Template',
+  description: 'Premium business coaching services for scaling startups and enterprises.',
 };
 
 export default function RootLayout({
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7e01dc1..d7de227 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,23 +1,16 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import TeamCardTen from "@/components/sections/team/TeamCardTen";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Target, Users, TrendingUp, Lightbulb } from "lucide-react";
 
-export default function BusinessCoachTemplatePage() {
+export default function HomePage() {
     const navItems = [
-        { name: "About", href: "/" },
-        { name: "Services", href: "/" },
-        { name: "Testimonials", href: "/testimonials" },
-        { name: "Contact", href: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Contact", id: "/contact" },
     ];
 
     return (
@@ -37,105 +30,19 @@ export default function BusinessCoachTemplatePage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Coach"
-                    button={{ text: "Book a Call", href: "/" }}
+                    button={{ text: "Book a Call", href: "/contact" }}
                 />
-                <HeroSplitDualMedia
-                    background={{ variant: "radial-gradient" }}
-                    tag="Business Coach"
-                    tagIcon={Sparkles}
-                    title="Transform your business with proven strategies"
-                    description="I help entrepreneurs and executives unlock their full potential and build thriving businesses through personalized coaching."
-                    mediaItems={[
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero1.webp", imageAlt: "Coaching session" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero2.webp", imageAlt: "Business growth" },
-                    ]}
-                    rating={5}
-                    ratingText="Rated by loving Clients"
-                    buttons={[
-                        { text: "Book a Call", href: "/" },
-                        { text: "Learn More", href: "/" },
-                    ]}
-                    mediaAnimation="slide-up"
-                />
-                <FeatureCardTwentyFive
-                    tag="Services"
-                    tagIcon={Sparkles}
-                    title="How I Can Help You"
-                    description="Comprehensive coaching services designed to accelerate your growth"
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    features={[
-                        { title: "Business Strategy", description: "Crafting clear, actionable strategies that align with your goals for sustainable growth.", icon: Target, mediaItems: [] },
-                        { title: "Leadership Development", description: "Build the leadership skills needed to inspire teams and drive organizational success.", icon: Users, mediaItems: [] },
-                        { title: "Growth Acceleration", description: "Identify opportunities and implement systems to scale your business efficiently.", icon: TrendingUp, mediaItems: [] },
-                        { title: "Mindset Coaching", description: "Overcome limiting beliefs and develop the mindset of a successful entrepreneur.", icon: Lightbulb, mediaItems: [] },
-                    ]}
-                />
-                <TestimonialCardSixteen
-                    tag="Testimonials"
-                    tagIcon={Sparkles}
-                    title="What My Clients Say"
-                    description="Hear from entrepreneurs who've transformed their businesses"
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    testimonials={[
-                        { id: "1", name: "Sarah Mitchell", role: "Founder & CEO", company: "TechStart Inc", rating: 5, imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=400&h=400&fit=crop&crop=face", imageAlt: "Sarah Mitchell" },
-                        { id: "2", name: "Michael Chen", role: "Managing Director", company: "Growth Partners", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&crop=face", imageAlt: "Michael Chen" },
-                        { id: "3", name: "Emily Rodriguez", role: "Business Owner", company: "Creative Studios", rating: 5, imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=400&h=400&fit=crop&crop=face", imageAlt: "Emily Rodriguez" },
-                    ]}
-                    kpiItems={[
-                        { value: "200+", label: "Clients coached" },
-                        { value: "95%", label: "Success rate" },
-                        { value: "12+", label: "Years experience" },
-                    ]}
-                />
-                <TeamCardTen
-                    title="Get to know the experienced coaches who will personally guide your entire business transformation journey"
-                    tag="About"
-                    membersAnimation="slide-up"
-                    memberVariant="card"
-                    useInvertedBackground={false}
-                    members={[
-                        { id: "1", name: "John Anderson", imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face", imageAlt: "John Anderson - Business Coach" },
-                        { id: "2", name: "Lisa Thompson", imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=400&fit=crop&crop=face", imageAlt: "Lisa Thompson - Executive Coach" },
-                    ]}
-                />
-                <FaqSplitMedia
-                    tag="FAQ"
-                    tagIcon={Sparkles}
-                    title="Frequently Asked Questions"
-                    description="Get answers to common questions about my coaching services"
-                    textboxLayout="default"
-                    faqsAnimation="slide-up"
-                    mediaAnimation="slide-up"
-                    useInvertedBackground={false}
-                    imageSrc="https://images.unsplash.com/photo-1553877522-43269d4ea984?w=800&h=600&fit=crop"
-                    imageAlt="Business coaching consultation"
-                    mediaPosition="right"
-                    faqs={[
-                        { id: "1", title: "What types of businesses do you work with?", content: "I work with entrepreneurs, startups, and established businesses." },
-                        { id: "2", title: "How long is a typical coaching engagement?", content: "Most clients see significant results within 3-6 months." },
-                    ]}
-                />
-                <ContactText
-                    text="Ready to transform your business? Let's start your journey to success today."
+                <HeroCentered
+                    title="Transform your business"
+                    description="Expert coaching for scaling startups and established enterprises."
                     background={{ variant: "plain" }}
-                    useInvertedBackground={false}
-                    buttons={[
-                        { text: "Book a Free Consultation", href: "/" },
-                        { text: "Learn More", href: "/" },
-                    ]}
-                />
-                <FooterLogoEmphasis
-                    logoText="Coach"
-                    columns={[
-                        { items: [{ label: "About", href: "/" }, { label: "Services", href: "/" }, { label: "Testimonials", href: "/testimonials" }] },
-                        { items: [{ label: "FAQ", href: "/" }, { label: "Contact", href: "/" }] },
+                    avatars={[
+                        { src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop", alt: "Coach 1" },
+                        { src: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=100&h=100&fit=crop", alt: "Coach 2" },
                     ]}
                 />
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Links", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 1e33281..f3428f8 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -2,21 +2,30 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function PricingPage() {
     const navItems = [
-        { name: "About", href: "/#about" },
-        { name: "Services", href: "/#services" },
-        { name: "Testimonials", href: "/#testimonials" },
-        { name: "Pricing", href: "/pricing" },
-        { name: "Contact", href: "/contact" },
+        { name: "About", id: "/about" },
+        { name: "Pricing", id: "/pricing" },
+        { 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}
@@ -24,25 +33,19 @@ export default function PricingPage() {
                     button={{ text: "Book a Call", href: "/contact" }}
                 />
                 <div className="pt-32 pb-20">
-                    <PricingCardEight
-                        title="Investment Options"
-                        description="Choose the coaching plan that fits your business goals"
+                    <PricingCardFive
+                        title="Pricing Plans"
+                        description="Simple and transparent pricing for your growth."
                         animationType="slide-up"
+                        textboxLayout="default"
                         useInvertedBackground={false}
                         plans={[
-                            { id: "p1", badge: "Essential", price: "$499", subtitle: "For early stage startups", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Bi-weekly calls", "Strategy roadmap", "Email support"] },
-                            { id: "p2", badge: "Growth", price: "$999", subtitle: "For scaling businesses", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Weekly calls", "Full strategy audit", "Direct access", "Team training"] },
-                            { id: "p3", badge: "Enterprise", price: "Custom", subtitle: "For established organizations", buttons: [{ text: "Contact Us", href: "/contact" }], features: ["Unlimited calls", "Full operations audit", "On-site consulting", "Priority 24/7"] }
+                            { id: "1", tag: "Starter", price: "$499", period: "/mo", description: "For new businesses", button: { text: "Get Started", href: "/contact" }, featuresTitle: "Features", features: ["Email support", "Bi-weekly calls"] },
+                            { id: "2", tag: "Growth", price: "$999", period: "/mo", description: "For scaling teams", button: { text: "Get Started", href: "/contact" }, featuresTitle: "Features", features: ["Everything in Starter", "Weekly calls", "Priority support"] }
                         ]}
                     />
                 </div>
-                <FooterLogoEmphasis
-                    logoText="Coach"
-                    columns={[
-                        { items: [{ label: "Home", href: "/" }] },
-                        { items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] }
-                    ]}
-                />
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Pricing", href: "/pricing" }] }]} />
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 28fe338..452a2df 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -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>
     );
diff --git a/src/app/testimonials/page.tsx b/src/app/testimonials/page.tsx
index f62c3cd..0c7e0b7 100644
--- a/src/app/testimonials/page.tsx
+++ b/src/app/testimonials/page.tsx
@@ -2,31 +2,43 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function TestimonialsPage() {
     const navItems = [
-        { name: "Home", href: "/" },
-        { name: "Testimonials", href: "/testimonials" },
+        { name: "About", id: "/about" },
+        { name: "Testimonials", id: "/testimonials" },
     ];
 
     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" />
-                <TestimonialCardFive
+                <TestimonialCardTen
                     title="Client Success Stories"
-                    description="Real feedback from the leaders we've helped scale."
+                    description="Hear from the leaders we've helped."
                     textboxLayout="default"
+                    useInvertedBackground={false}
                     testimonials={[
-                        { id: "1", name: "Sarah M.", date: "Oct 2023", title: "Exceptional Results", quote: "Transformed my leadership approach significantly.", tag: "Growth", avatarSrc: "" },
-                        { id: "2", name: "Michael C.", date: "Nov 2023", title: "Highly Recommended", quote: "A game-changer for our team dynamics.", tag: "Strategy", avatarSrc: "" },
+                        { id: "1", name: "Sarah M.", title: "Growth Expert", quote: "Transformed my leadership approach significantly.", role: "CEO" },
+                        { id: "2", name: "Michael C.", title: "Strategy Pro", quote: "A game-changer for our team dynamics.", role: "Director" },
                     ]}
                 />
-                <FooterLogoEmphasis logoText="Coach" columns={[]} />
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "Testimonials", href: "/testimonials" }] }]} />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file