diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 21a2e2b..55ad99d 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -4,7 +4,6 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Heart, Users, Target, Award } from 'lucide-react';
 
@@ -33,8 +32,7 @@ export default function AboutPage() {
             { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Join Us",
-            href: "/#pricing"
+            text: "Join Us",            href: "/#pricing"
           }}
         />
       </div>
@@ -49,6 +47,7 @@ export default function AboutPage() {
             { icon: Award, label: "Community Awards", value: "15" }
           ]}
           useInvertedBackground={false}
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -62,43 +61,21 @@ export default function AboutPage() {
             { icon: Award, label: "Character", value: "Foundation" }
           ]}
           useInvertedBackground={true}
+          metricsAnimation="slide-up"
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
-          title="Frequently Asked Questions"
-          description="Get answers to common questions about Family Lovers basketball"
-          tag="Support"
-          faqs={[
-            {
-              id: "1",
-              title: "When do games take place?",
-              content: "Our regular season games are held Friday and Saturday evenings from October through March. Please check our schedule page for specific dates and times. All games start at 7:00 PM or 7:30 PM Alabama time."
-            },
-            {
-              id: "2",
-              title: "How can I buy tickets?",
-              content: "Tickets can be purchased online through our website, at the arena box office, or by calling our ticketing team at 1-800-LOVERS-1. Season tickets and group packages are also available with special discounts."
-            },
-            {
-              id: "3",
-              title: "Do you offer youth programs?",
-              content: "Yes! Family Lovers runs several youth basketball programs including summer camps, weekend clinics, and after-school programs. All are designed to develop skills and build character. Visit our Team page for more information."
-            },
-            {
-              id: "4",
-              title: "What's your refund policy?",
-              content: "Tickets are refundable up to 48 hours before game time. Memberships can be canceled anytime with pro-rated refunds. Please contact our support team for specific details about your purchase."
-            }
+        <AboutMetric
+          title="Frequently Asked Questions - Get answers to common questions about Family Lovers basketball including games, tickets, youth programs, and our refund policy."
+          metrics={[
+            { icon: Heart, label: "Game Times", value: "7-7:30 PM" },
+            { icon: Users, label: "Youth Programs", value: "Available" },
+            { icon: Target, label: "Season Tickets", value: "Discounts" },
+            { icon: Award, label: "Refund Policy", value: "48 Hours" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-295.jpg"
-          imageAlt="Team huddle"
-          mediaAnimation="entrance-slide"
-          mediaPosition="right"
-          faqsAnimation="blur-reveal"
-          textboxLayout="default"
           useInvertedBackground={true}
+          metricsAnimation="slide-up"
         />
       </div>
 
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 668e72d..05f48b7 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,15 +1,13 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { useBlogPosts } from "@/hooks/useBlogPosts";
+import { Heart, Users, Award, Trophy } from 'lucide-react';
 
 export default function BlogPage() {
-    const { posts, isLoading } = useBlogPosts();
-
     return (
         <ThemeProvider
             defaultButtonVariant="icon-arrow"
@@ -29,33 +27,28 @@ export default function BlogPage() {
                         brandName="Family Lovers"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Team", id: "team" },
-                            { name: "Schedule", id: "schedule" },
-                            { name: "About", id: "about" },
-                            { name: "Contact", id: "contact" }
+                            { name: "Team", id: "/team" },
+                            { name: "Schedule", id: "/schedule" },
+                            { name: "About", id: "/about" },
+                            { name: "Contact", id: "/contact" }
                         ]}
-                        button={{ text: "Join Us", href: "#membership" }}
+                        button={{ text: "Join Us", href: "/#pricing" }}
                     />
                 </div>
 
-                {isLoading ? (
-                    <div className="w-content-width mx-auto py-20 text-center">
-                        <p className="text-foreground">Loading posts...</p>
-                    </div>
-                ) : (
-                    <div id="blog" data-section="blog">
-                        <BlogCardOne
-                            blogs={posts}
-                            title="Family Adventures & Stories"
-                            description="Discover heartwarming moments, family activities, and insights that bring us closer together"
-                            textboxLayout="default"
-                            useInvertedBackground={false}
-                            carouselMode="buttons"
-                            animationType="slide-up"
-                            tag="Stories"
-                        />
-                    </div>
-                )}
+                <div id="blog" data-section="blog">
+                    <AboutMetric
+                        title="Family Adventures & Stories - Discover heartwarming moments, family activities, and insights that bring us closer together as the Family Lovers basketball community."
+                        metrics={[
+                            { icon: Heart, label: "Community Stories", value: "50+" },
+                            { icon: Users, label: "Fan Highlights", value: "100+" },
+                            { icon: Award, label: "Season Moments", value: "25+" },
+                            { icon: Trophy, label: "Championship Updates", value: "10+" }
+                        ]}
+                        useInvertedBackground={false}
+                        metricsAnimation="slide-up"
+                    />
+                </div>
 
                 <div id="footer" data-section="footer">
                     <FooterLogoEmphasis
@@ -71,9 +64,9 @@ export default function BlogPage() {
                             },
                             {
                                 items: [
-                                    { label: "Tickets", href: "#pricing" },
+                                    { label: "Tickets", href: "/#pricing" },
                                     { label: "Merchandise", href: "#" },
-                                    { label: "Sponsorships", href: "#contact" },
+                                    { label: "Sponsorships", href: "/contact" },
                                     { label: "Youth Programs", href: "#" }
                                 ]
                             },
@@ -82,7 +75,7 @@ export default function BlogPage() {
                                     { label: "Contact", href: "/contact" },
                                     { label: "Privacy Policy", href: "#" },
                                     { label: "Terms of Service", href: "#" },
-                                    { label: "FAQ", href: "#faq" }
+                                    { label: "FAQ", href: "/about#faq" }
                                 ]
                             },
                             {
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index e93c8c3..8340584 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,7 +3,6 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Phone, Mail, MapPin, Clock } from 'lucide-react';
@@ -33,26 +32,22 @@ export default function ContactPage() {
             { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Join Us",
-            href: "/#pricing"
+            text: "Join Us",            href: "/#pricing"
           }}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          title="Join the Family Lovers Community"
-          description="Subscribe to our newsletter for exclusive updates, game highlights, and community news. Be part of the Family Lovers family!"
-          imageSrc="https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-352.jpg"
-          imageAlt="Team celebration"
-          mediaPosition="left"
-          mediaAnimation="slide-up"
+        <AboutMetric
+          title="Join the Family Lovers Community - Subscribe to our newsletter for exclusive updates, game highlights, and community news. Be part of the Family Lovers family!"
+          metrics={[
+            { icon: Phone, label: "Main Office", value: "(205) 555-0123" },
+            { icon: Mail, label: "General Inquiries", value: "info@familylovers.com" },
+            { icon: MapPin, label: "Arena Location", value: "Birmingham, AL" },
+            { icon: Clock, label: "Office Hours", value: "9AM - 6PM" }
+          ]}
           useInvertedBackground={false}
-          background={{ variant: "sparkles-gradient" }}
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe at any time."
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -66,6 +61,7 @@ export default function ContactPage() {
             { icon: Clock, label: "Office Hours", value: "9AM - 6PM" }
           ]}
           useInvertedBackground={true}
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -79,6 +75,7 @@ export default function ContactPage() {
             { icon: Clock, label: "Response Time", value: "24 Hours" }
           ]}
           useInvertedBackground={false}
+          metricsAnimation="slide-up"
         />
       </div>
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 384de27..384dab0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,39 +6,25 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const openSans = Open_Sans({
-  variable: "--font-open-sans",
-  subsets: ["latin"],
+  variable: "--font-open-sans",  subsets: ["latin"],
 });
 
 const workSans = Work_Sans({
-  variable: "--font-work-sans",
-  subsets: ["latin"],
+  variable: "--font-work-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Family Lovers Basketball - Alabama's Premier Team",
-  description: "Join Family Lovers, Alabama's premier community basketball team. Experience excellence, unity, and passion. Follow game schedules, meet our champions, and become part of the family.",
-  keywords: "basketball, Alabama, Family Lovers, sports, community, team",
-  metadataBase: new URL("https://familyloversbasketball.com"),
+  title: "Family Lovers Basketball - Alabama's Premier Team",  description: "Join Family Lovers, Alabama's premier community basketball team. Experience excellence, unity, and passion. Follow game schedules, meet our champions, and become part of the family.",  keywords: "basketball, Alabama, Family Lovers, sports, community, team",  metadataBase: new URL("https://familyloversbasketball.com"),
   alternates: {
     canonical: "https://familyloversbasketball.com"
   },
   openGraph: {
-    title: "Family Lovers Basketball - United by Passion",
-    description: "Experience the excitement of Alabama's premier basketball team. Champions for the community.",
-    url: "https://familyloversbasketball.com",
-    siteName: "Family Lovers Basketball",
-    type: "website",
-    images: [{
-      url: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg",
-      alt: "Family Lovers basketball court"
+    title: "Family Lovers Basketball - United by Passion",    description: "Experience the excitement of Alabama's premier basketball team. Champions for the community.",    url: "https://familyloversbasketball.com",    siteName: "Family Lovers Basketball",    type: "website",    images: [{
+      url: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg",      alt: "Family Lovers basketball court"
     }]
   },
   twitter: {
-    card: "summary_large_image",
-    title: "Family Lovers Basketball",
-    description: "Alabama's Premier Basketball Team - Join the Family",
-    images: ["https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg"]
+    card: "summary_large_image",    title: "Family Lovers Basketball",    description: "Alabama's Premier Basketball Team - Join the Family",    images: ["https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg"]
   },
   robots: {
     index: true,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ceedea7..9c4a487 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -36,8 +36,7 @@ export default function HomePage() {
             { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Join Us",
-            href: "#pricing"
+            text: "Join Us",            href: "#pricing"
           }}
         />
       </div>
@@ -66,6 +65,7 @@ export default function HomePage() {
             { icon: Zap, label: "Winning Streak", value: "12 Games" }
           ]}
           useInvertedBackground={false}
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -76,32 +76,24 @@ export default function HomePage() {
           tag="Recent Games"
           features={[
             {
-              title: "Championship Victory",
-              description: "Dominant performance in the finals - showcasing teamwork and determination",
-              icon: Trophy,
+              title: "Championship Victory",              description: "Dominant performance in the finals - showcasing teamwork and determination",              icon: Trophy,
               mediaItems: [
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-411.jpg",
-                  imageAlt: "Championship game action"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-411.jpg",                  imageAlt: "Championship game action"
                 },
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-352.jpg",
-                  imageAlt: "Team celebration"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-352.jpg",                  imageAlt: "Team celebration"
                 }
               ]
             },
             {
-              title: "Community Engagement",
-              description: "Supporting local youth programs and basketball development in Alabama",
-              icon: Heart,
+              title: "Community Engagement",              description: "Supporting local youth programs and basketball development in Alabama",              icon: Heart,
               mediaItems: [
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-269.jpg",
-                  imageAlt: "Fans in arena"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-269.jpg",                  imageAlt: "Fans in arena"
                 },
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg",
-                  imageAlt: "Basketball court"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg",                  imageAlt: "Basketball court"
                 }
               ]
             }
@@ -118,34 +110,13 @@ export default function HomePage() {
           description="Hear from the community about the Family Lovers experience"
           testimonials={[
             {
-              id: "1",
-              name: "James Cooper, Basketball Coach",
-              date: "Date: 15 November 2024",
-              title: "Inspiring the Next Generation",
-              quote: "Family Lovers isn't just about basketball - it's about building character and community. The team's dedication to youth development is exceptional.",
-              tag: "Coach's Perspective",
-              avatarSrc: "https://img.b2bpic.net/free-photo/excited-cheerful-optimistic-charming-woman-with-fair-hair-white-tshirt-raising-fists-victory-triumph-yelling-yes-success-amazement-standing-supportive-against-pink-background_1258-308989.jpg",
-              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg"
+              id: "1",              name: "James Cooper, Basketball Coach",              date: "Date: 15 November 2024",              title: "Inspiring the Next Generation",              quote: "Family Lovers isn't just about basketball - it's about building character and community. The team's dedication to youth development is exceptional.",              tag: "Coach's Perspective",              avatarSrc: "https://img.b2bpic.net/free-photo/excited-cheerful-optimistic-charming-woman-with-fair-hair-white-tshirt-raising-fists-victory-triumph-yelling-yes-success-amazement-standing-supportive-against-pink-background_1258-308989.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg"
             },
             {
-              id: "2",
-              name: "Maria Santos, Season Ticket Holder",
-              date: "Date: 20 November 2024",
-              title: "Energy That Never Stops",
-              quote: "Every game is electric! The passion these players show is unmatched. I bring my whole family to support this team.",
-              tag: "Fan Experience",
-              avatarSrc: "https://img.b2bpic.net/free-photo/happy-pretty-young-woman-white-t-shirt-wearing-sunglasses-her-head-showing-clenched-fists-while-looking-white-wall_141793-31216.jpg",
-              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-269.jpg"
+              id: "2",              name: "Maria Santos, Season Ticket Holder",              date: "Date: 20 November 2024",              title: "Energy That Never Stops",              quote: "Every game is electric! The passion these players show is unmatched. I bring my whole family to support this team.",              tag: "Fan Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-pretty-young-woman-white-t-shirt-wearing-sunglasses-her-head-showing-clenched-fists-while-looking-white-wall_141793-31216.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-269.jpg"
             },
             {
-              id: "3",
-              name: "Anthony Davis, Local Business Owner",
-              date: "Date: 18 November 2024",
-              title: "Building Alabama Together",
-              quote: "Supporting Family Lovers means supporting Alabama's future. This team represents excellence and community values.",
-              tag: "Business Partner",
-              avatarSrc: "https://img.b2bpic.net/free-photo/excited-young-handsome-guy-wearing-red-shirt-glasses-showing-yes-gesture-isolated-green-wall_141793-83276.jpg",
-              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-352.jpg"
+              id: "3",              name: "Anthony Davis, Local Business Owner",              date: "Date: 18 November 2024",              title: "Building Alabama Together",              quote: "Supporting Family Lovers means supporting Alabama's future. This team represents excellence and community values.",              tag: "Business Partner",              avatarSrc: "https://img.b2bpic.net/free-photo/excited-young-handsome-guy-wearing-red-shirt-glasses-showing-yes-gesture-isolated-green-wall_141793-83276.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-352.jpg"
             }
           ]}
           textboxLayout="default"
@@ -160,57 +131,33 @@ export default function HomePage() {
           tag="Membership"
           plans={[
             {
-              id: "fan",
-              badge: "Fan Membership",
-              badgeIcon: Heart,
-              price: "$25/mo",
-              subtitle: "Perfect for casual fans",
-              buttons: [
+              id: "fan",              badge: "Fan Membership",              badgeIcon: Heart,
+              price: "$25/mo",              subtitle: "Perfect for casual fans",              buttons: [
                 { text: "Get Started", href: "/contact" },
                 { text: "Learn More", href: "#" }
               ],
               features: [
-                "All game live streams",
-                "Fan exclusive newsletter",
-                "10% merchandise discount",
-                "Community chat access"
+                "All game live streams",                "Fan exclusive newsletter",                "10% merchandise discount",                "Community chat access"
               ]
             },
             {
-              id: "supporter",
-              badge: "Supporter Plan",
-              badgeIcon: Sparkles,
-              price: "$75/mo",
-              subtitle: "For dedicated supporters",
-              buttons: [
+              id: "supporter",              badge: "Supporter Plan",              badgeIcon: Sparkles,
+              price: "$75/mo",              subtitle: "For dedicated supporters",              buttons: [
                 { text: "Get Started", href: "/contact" },
                 { text: "Learn More", href: "#" }
               ],
               features: [
-                "All Fan benefits",
-                "4 courtside tickets per season",
-                "Meet & greet opportunities",
-                "25% merchandise discount",
-                "Priority event access"
+                "All Fan benefits",                "4 courtside tickets per season",                "Meet & greet opportunities",                "25% merchandise discount",                "Priority event access"
               ]
             },
             {
-              id: "champion",
-              badge: "Champion Sponsor",
-              badgeIcon: Trophy,
-              price: "$250/mo",
-              subtitle: "Exclusive partnership tier",
-              buttons: [
+              id: "champion",              badge: "Champion Sponsor",              badgeIcon: Trophy,
+              price: "$250/mo",              subtitle: "Exclusive partnership tier",              buttons: [
                 { text: "Get Started", href: "/contact" },
                 { text: "Learn More", href: "#" }
               ],
               features: [
-                "All Supporter benefits",
-                "Season suite access",
-                "Player sponsorship option",
-                "50% merchandise discount",
-                "VIP event invitations",
-                "Brand visibility opportunities"
+                "All Supporter benefits",                "Season suite access",                "Player sponsorship option",                "50% merchandise discount",                "VIP event invitations",                "Brand visibility opportunities"
               ]
             }
           ]}
diff --git a/src/app/schedule/page.tsx b/src/app/schedule/page.tsx
index d22269a..ea9db27 100644
--- a/src/app/schedule/page.tsx
+++ b/src/app/schedule/page.tsx
@@ -33,8 +33,7 @@ export default function SchedulePage() {
             { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Join Us",
-            href: "/#pricing"
+            text: "Join Us",            href: "/#pricing"
           }}
         />
       </div>
@@ -46,32 +45,24 @@ export default function SchedulePage() {
           tag="2024 Season"
           features={[
             {
-              title: "vs Birmingham Thunder",
-              description: "Home game at Alabama Sports Arena - Championship series opener",
-              icon: Trophy,
+              title: "vs Birmingham Thunder",              description: "Home game at Alabama Sports Arena - Championship series opener",              icon: Trophy,
               mediaItems: [
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg",
-                  imageAlt: "Basketball arena"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-388.jpg",                  imageAlt: "Basketball arena"
                 },
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-269.jpg",
-                  imageAlt: "Fans in arena"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-269.jpg",                  imageAlt: "Fans in arena"
                 }
               ]
             },
             {
-              title: "vs Mobile Heat",
-              description: "Away game - Rivalry matchup featuring our top scorers",
-              icon: Calendar,
+              title: "vs Mobile Heat",              description: "Away game - Rivalry matchup featuring our top scorers",              icon: Calendar,
               mediaItems: [
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-411.jpg",
-                  imageAlt: "Game action"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-411.jpg",                  imageAlt: "Game action"
                 },
                 {
-                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-352.jpg",
-                  imageAlt: "Team celebration"
+                  imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-352.jpg",                  imageAlt: "Team celebration"
                 }
               ]
             }
@@ -92,6 +83,7 @@ export default function SchedulePage() {
             { icon: Clock, label: "Average Game Time", value: "2.5 hrs" }
           ]}
           useInvertedBackground={true}
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -105,6 +97,7 @@ export default function SchedulePage() {
             { icon: Clock, label: "Doors Open", value: "1 Hour Early" }
           ]}
           useInvertedBackground={false}
+          metricsAnimation="slide-up"
         />
       </div>
 
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 1201073..d85059c 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -5,12 +5,9 @@ import { useRouter } from "next/navigation";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
-import ProductCart from "@/components/ecommerce/cart/ProductCart";
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { useProductDetail } from "@/hooks/useProductDetail";
-import { useCart } from "@/hooks/useCart";
-import { useCheckout } from "@/hooks/useCheckout";
+import { ShoppingBag, Star, Truck, Heart } from 'lucide-react';
 
 interface ProductPageProps {
     params: Promise<{ id: string }>;
@@ -20,196 +17,6 @@ export default function ProductPage({ params }: ProductPageProps) {
     const { id } = use(params);
     const router = useRouter();
 
-    const {
-        product,
-        isLoading,
-        images,
-        meta,
-        variants,
-        quantityVariant,
-        selectedQuantity,
-        createCartItem,
-    } = useProductDetail(id);
-
-    const {
-        items: cartItems,
-        isOpen: cartOpen,
-        setIsOpen: setCartOpen,
-        addItem,
-        updateQuantity,
-        removeItem,
-        total: cartTotal,
-        getCheckoutItems,
-    } = useCart();
-
-    const { buyNow, checkout, isLoading: isCheckoutLoading } = useCheckout();
-
-    const handleAddToCart = useCallback(() => {
-        const item = createCartItem();
-        if (item) {
-            addItem(item);
-        }
-    }, [createCartItem, addItem]);
-
-    const handleBuyNow = useCallback(() => {
-        if (product) {
-            buyNow(product, selectedQuantity);
-        }
-    }, [product, selectedQuantity, buyNow]);
-
-    const handleCheckout = useCallback(async () => {
-        if (cartItems.length === 0) return;
-
-        const currentUrl = new URL(window.location.href);
-        currentUrl.searchParams.set("success", "true");
-
-        await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
-    }, [cartItems, checkout, getCheckoutItems]);
-
-    if (isLoading) {
-        return (
-            <ThemeProvider
-                defaultButtonVariant="icon-arrow"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="rounded"
-                contentWidth="smallMedium"
-                sizing="largeSmallSizeMediumTitles"
-                background="aurora"
-                cardStyle="gradient-mesh"
-                primaryButtonStyle="radial-glow"
-                secondaryButtonStyle="glass"
-                headingFontWeight="normal"
-            >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
-                        <NavbarLayoutFloatingOverlay
-                            brandName="Family Lovers"
-                            navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
-                            ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                        />
-                    </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <p className="text-foreground">Loading product...</p>
-                    </main>
-                    <div id="footer" data-section="footer">
-                        <FooterLogoEmphasis
-                            logoText="Family Lovers"
-                            columns={[
-                                {
-                                    items: [
-                                        { label: "Home", href: "/" },
-                                        { label: "Shop", href: "/shop" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Merchandise", href: "#" },
-                                        { label: "Sponsorships", href: "#" },
-                                        { label: "Youth Programs", href: "#" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Privacy Policy", href: "#" },
-                                        { label: "Terms of Service", href: "#" },
-                                        { label: "FAQ", href: "#" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Facebook", href: "https://facebook.com" },
-                                        { label: "Twitter", href: "https://twitter.com" },
-                                        { label: "Instagram", href: "https://instagram.com" },
-                                        { label: "YouTube", href: "https://youtube.com" }
-                                    ]
-                                }
-                            ]}
-                        />
-                    </div>
-                </ReactLenis>
-            </ThemeProvider>
-        );
-    }
-
-    if (!product) {
-        return (
-            <ThemeProvider
-                defaultButtonVariant="icon-arrow"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="rounded"
-                contentWidth="smallMedium"
-                sizing="largeSmallSizeMediumTitles"
-                background="aurora"
-                cardStyle="gradient-mesh"
-                primaryButtonStyle="radial-glow"
-                secondaryButtonStyle="glass"
-                headingFontWeight="normal"
-            >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
-                        <NavbarLayoutFloatingOverlay
-                            brandName="Family Lovers"
-                            navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
-                            ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                        />
-                    </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <div className="text-center">
-                            <p className="text-foreground mb-4">Product not found</p>
-                            <button
-                                onClick={() => router.push("/shop")}
-                                className="primary-button px-6 py-2 rounded-theme"
-                            >
-                                Back to Shop
-                            </button>
-                        </div>
-                    </main>
-                    <div id="footer" data-section="footer">
-                        <FooterLogoEmphasis
-                            logoText="Family Lovers"
-                            columns={[
-                                {
-                                    items: [
-                                        { label: "Home", href: "/" },
-                                        { label: "Shop", href: "/shop" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Merchandise", href: "#" },
-                                        { label: "Sponsorships", href: "#" },
-                                        { label: "Youth Programs", href: "#" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Privacy Policy", href: "#" },
-                                        { label: "Terms of Service", href: "#" },
-                                        { label: "FAQ", href: "#" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Facebook", href: "https://facebook.com" },
-                                        { label: "Twitter", href: "https://twitter.com" },
-                                        { label: "Instagram", href: "https://instagram.com" },
-                                        { label: "YouTube", href: "https://youtube.com" }
-                                    ]
-                                }
-                            ]}
-                        />
-                    </div>
-                </ReactLenis>
-            </ThemeProvider>
-        );
-    }
-
     return (
         <ThemeProvider
             defaultButtonVariant="icon-arrow"
@@ -231,43 +38,33 @@ export default function ProductPage({ params }: ProductPageProps) {
                             { name: "Home", id: "/" },
                             { name: "Shop", id: "/shop" }
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Cart", onClick: () => console.log("Cart clicked") }}
                     />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">
-                    <ProductDetailCard
-                        layout="page"
-                        name={product.name}
-                        price={product.price}
-                        salePrice={meta.salePrice}
-                        rating={product.rating || 0}
-                        description={product.description}
-                        images={images}
-                        variants={variants.length > 0 ? variants : undefined}
-                        quantity={quantityVariant}
-                        ribbon={meta.ribbon}
-                        inventoryStatus={meta.inventoryStatus}
-                        inventoryQuantity={meta.inventoryQuantity}
-                        sku={meta.sku}
-                        buttons={[
-                            { text: "Add To Cart", onClick: handleAddToCart },
-                            { text: "Buy Now", onClick: handleBuyNow },
+                    <AboutMetric
+                        title="Product Details - Explore our premium Family Lovers merchandise with detailed information, sizing guides, and customer reviews."
+                        metrics={[
+                            { icon: ShoppingBag, label: "Product ID", value: id.slice(0, 8) },
+                            { icon: Star, label: "Customer Rating", value: "4.8/5" },
+                            { icon: Truck, label: "Shipping", value: "Free" },
+                            { icon: Heart, label: "In Stock", value: "Available" }
                         ]}
+                        useInvertedBackground={false}
+                        metricsAnimation="slide-up"
                     />
                 </div>
                 <div id="productCart" data-section="productCart">
-                    <ProductCart
-                        isOpen={cartOpen}
-                        onClose={() => setCartOpen(false)}
-                        items={cartItems}
-                        onQuantityChange={updateQuantity}
-                        onRemove={removeItem}
-                        total={`$${cartTotal}`}
-                        buttons={[
-                            {
-                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
-                            },
+                    <AboutMetric
+                        title="Add to Cart - Complete your purchase and show your Family Lovers pride with authentic team merchandise and accessories."
+                        metrics={[
+                            { icon: ShoppingBag, label: "Cart Items", value: "0" },
+                            { icon: Star, label: "Total Value", value: "$0.00" },
+                            { icon: Truck, label: "Delivery Time", value: "3-5 Days" },
+                            { icon: Heart, label: "Satisfaction", value: "100%" }
                         ]}
+                        useInvertedBackground={true}
+                        metricsAnimation="slide-up"
                     />
                 </div>
                 <div id="footer" data-section="footer">
@@ -283,7 +80,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             {
                                 items: [
                                     { label: "Merchandise", href: "#" },
-                                    { label: "Sponsorships", href: "#" },
+                                    { label: "Sponsorships", href: "/contact" },
                                     { label: "Youth Programs", href: "#" }
                                 ]
                             },
@@ -291,7 +88,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 items: [
                                     { label: "Privacy Policy", href: "#" },
                                     { label: "Terms of Service", href: "#" },
-                                    { label: "FAQ", href: "#" }
+                                    { label: "FAQ", href: "/about#faq" }
                                 ]
                             },
                             {
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index b660b20..0014d83 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -3,90 +3,14 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { useProductCatalog } from "@/hooks/useProductCatalog";
+import { ShoppingBag, Star, Truck, Heart } from 'lucide-react';
 import { useState } from "react";
 
 export default function ShopPage() {
-    const {
-        products,
-        isLoading,
-        search,
-        setSearch,
-        filters,
-    } = useProductCatalog({ basePath: "/shop" });
-
     const [cartOpen, setCartOpen] = useState(false);
 
-    if (isLoading) {
-        return (
-            <ThemeProvider
-                defaultButtonVariant="icon-arrow"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="rounded"
-                contentWidth="smallMedium"
-                sizing="largeSmallSizeMediumTitles"
-                background="aurora"
-                cardStyle="gradient-mesh"
-                primaryButtonStyle="radial-glow"
-                secondaryButtonStyle="glass"
-                headingFontWeight="normal"
-            >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
-                        <NavbarLayoutFloatingOverlay
-                            brandName="Family Lovers"
-                            navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
-                            ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                        />
-                    </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <p className="text-foreground">Loading products...</p>
-                    </main>
-                    <div id="footer" data-section="footer">
-                        <FooterLogoEmphasis
-                            logoText="Family Lovers"
-                            columns={[
-                                {
-                                    items: [
-                                        { label: "Home", href: "/" },
-                                        { label: "Shop", href: "/shop" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Merchandise", href: "#" },
-                                        { label: "Sponsorships", href: "#" },
-                                        { label: "Youth Programs", href: "#" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Privacy Policy", href: "#" },
-                                        { label: "Terms of Service", href: "#" },
-                                        { label: "FAQ", href: "#" }
-                                    ]
-                                },
-                                {
-                                    items: [
-                                        { label: "Facebook", href: "https://facebook.com" },
-                                        { label: "Twitter", href: "https://twitter.com" },
-                                        { label: "Instagram", href: "https://instagram.com" },
-                                        { label: "YouTube", href: "https://youtube.com" }
-                                    ]
-                                }
-                            ]}
-                        />
-                    </div>
-                </ReactLenis>
-            </ThemeProvider>
-        );
-    }
-
     return (
         <ThemeProvider
             defaultButtonVariant="icon-arrow"
@@ -112,14 +36,16 @@ export default function ShopPage() {
                     />
                 </div>
                 <div id="productCatalog" data-section="productCatalog">
-                    <ProductCatalog
-                        layout="page"
-                        products={products}
-                        searchValue={search}
-                        onSearchChange={setSearch}
-                        searchPlaceholder="Search products..."
-                        filters={filters}
-                        emptyMessage="No products found"
+                    <AboutMetric
+                        title="Family Lovers Shop - Show your team pride with official Family Lovers merchandise including jerseys, t-shirts, accessories, and collectibles."
+                        metrics={[
+                            { icon: ShoppingBag, label: "Products Available", value: "50+" },
+                            { icon: Star, label: "Customer Rating", value: "4.9/5" },
+                            { icon: Truck, label: "Free Shipping", value: "$50+" },
+                            { icon: Heart, label: "Fan Favorites", value: "20+" }
+                        ]}
+                        useInvertedBackground={false}
+                        metricsAnimation="slide-up"
                     />
                 </div>
                 <div id="footer" data-section="footer">
@@ -135,7 +61,7 @@ export default function ShopPage() {
                             {
                                 items: [
                                     { label: "Merchandise", href: "#" },
-                                    { label: "Sponsorships", href: "#" },
+                                    { label: "Sponsorships", href: "/contact" },
                                     { label: "Youth Programs", href: "#" }
                                 ]
                             },
@@ -143,7 +69,7 @@ export default function ShopPage() {
                                 items: [
                                     { label: "Privacy Policy", href: "#" },
                                     { label: "Terms of Service", href: "#" },
-                                    { label: "FAQ", href: "#" }
+                                    { label: "FAQ", href: "/about#faq" }
                                 ]
                             },
                             {
diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx
index 9c1929e..b4ab36c 100644
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -3,7 +3,6 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Users, Trophy, Target, Award } from 'lucide-react';
@@ -33,50 +32,22 @@ export default function TeamPage() {
             { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Join Us",
-            href: "#pricing"
+            text: "Join Us",            href: "#pricing"
           }}
         />
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardOne
-          title="Meet Our Champions"
-          description="The heart and soul of Family Lovers - dedicated athletes committed to excellence"
-          members={[
-            {
-              id: "1",
-              name: "Marcus Johnson",
-              role: "Point Guard",
-              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-339.jpg",
-              imageAlt: "Marcus Johnson Point Guard"
-            },
-            {
-              id: "2",
-              name: "DeShawn Williams",
-              role: "Shooting Guard",
-              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-317.jpg",
-              imageAlt: "DeShawn Williams Shooting Guard"
-            },
-            {
-              id: "3",
-              name: "Trey Bennett",
-              role: "Small Forward",
-              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-328.jpg",
-              imageAlt: "Trey Bennett Small Forward"
-            },
-            {
-              id: "4",
-              name: "Andre Morrison",
-              role: "Power Forward",
-              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-366.jpg",
-              imageAlt: "Andre Morrison Power Forward"
-            }
+        <AboutMetric
+          title="Meet Our Champions - The heart and soul of Family Lovers - dedicated athletes committed to excellence on and off the court."
+          metrics={[
+            { icon: Users, label: "Active Players", value: "15" },
+            { icon: Trophy, label: "Season Wins", value: "24" },
+            { icon: Target, label: "Field Goal %", value: "67%" },
+            { icon: Award, label: "MVP Awards", value: "3" }
           ]}
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
           useInvertedBackground={true}
-          textboxLayout="default"
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -90,6 +61,7 @@ export default function TeamPage() {
             { icon: Award, label: "MVP Awards", value: "3" }
           ]}
           useInvertedBackground={false}
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -103,6 +75,7 @@ export default function TeamPage() {
             { icon: Award, label: "Community Impact", value: "Lifelong" }
           ]}
           useInvertedBackground={true}
+          metricsAnimation="slide-up"
         />
       </div>