diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index e7ce97a..a0fe615 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,61 +24,67 @@ export default function BlogPage() {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <NavbarStyleCentered
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "About Us", id: "about" },
-                        { name: "Services", id: "services" },
-                        { name: "Case Studies", id: "product" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    button={{ text: "Get Started", href: "contact" }}
-                    brandName="Spike Media"
-                />
-
-                {isLoading ? (
-                    <div className="w-content-width mx-auto py-20 text-center">
-                        <p className="text-foreground">Loading posts...</p>
-                    </div>
-                ) : (
-                    <BlogCardThree
-                        blogs={posts}
-                        title="Featured Articles"
-                        description="Explore our latest insights"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        carouselMode="buttons"
+                <div id="nav" data-section="nav">
+                    <NavbarStyleCentered
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "About Us", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Case Studies", id: "/#product" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "FAQ", id: "/#faq" },
+                            { name: "Contact", id: "/#contact" },
+                        ]}
+                        button={{ text: "Get Started", href: "/#contact" }}
+                        brandName="Spike Media"
                     />
-                )}
-
-                <FooterBaseReveal
-                    columns={[
-                        {
-                            title: "Services",                            items: [
-                                { label: "Strategy", href: "services" },
-                                { label: "Creation", href: "services" },
-                                { label: "Management", href: "services" },
-                            ],
-                        },
-                        {
-                            title: "Company",                            items: [
-                                { label: "About Us", href: "about" },
-                                { label: "Case Studies", href: "product" },
-                                { label: "Contact", href: "contact" },
-                            ],
-                        },
-                        {
-                            title: "Resources",                            items: [
-                                { label: "FAQ", href: "faq" },
-                                { label: "Testimonials", href: "testimonials" },
-                            ],
-                        },
-                    ]}
-                    copyrightText="© 2024 Spike Media. All rights reserved."
-                />
+                </div>
+                
+                <div id="blog-posts" data-section="blog-posts">
+                    {isLoading ? (
+                        <div className="w-content-width mx-auto py-20 text-center">
+                            <p className="text-foreground">Loading posts...</p>
+                        </div>
+                    ) : (
+                        <BlogCardThree
+                            blogs={posts}
+                            title="Featured Articles"
+                            description="Explore our latest insights"
+                            animationType="slide-up"
+                            textboxLayout="default"
+                            useInvertedBackground={false}
+                            carouselMode="buttons"
+                        />
+                    )}
+                </div>
+                
+                <div id="footer" data-section="footer">
+                    <FooterBaseReveal
+                        columns={[
+                            {
+                                title: "Services",                                items: [
+                                    { label: "Strategy", href: "/#services" },
+                                    { label: "Creation", href: "/#services" },
+                                    { label: "Management", href: "/#services" },
+                                ],
+                            },
+                            {
+                                title: "Company",                                items: [
+                                    { label: "About Us", href: "/#about" },
+                                    { label: "Case Studies", href: "/#product" },
+                                    { label: "Contact", href: "/#contact" },
+                                ],
+                            },
+                            {
+                                title: "Resources",                                items: [
+                                    { label: "FAQ", href: "/#faq" },
+                                    { label: "Testimonials", href: "/#testimonials" },
+                                ],
+                            },
+                        ]}
+                        copyrightText="© 2024 Spike Media. All rights reserved."
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5341f12..c2de80e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -43,10 +43,10 @@ export default function SitePage() {
           background={{variant:"radial-gradient"}}
           tag="Spike Media"
           tagIcon={Sparkles}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           buttons={[{text:"See Our Work",href:"product"},{text:"Get a Quote",href:"contact"}]}
-          buttonAnimation="elastic-effect"
-          carouselItems={[{id:"1",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg?_wi=1",imageAlt:"Diverse user-generated content on multiple screens"},{id:"2",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg?_wi=2",imageAlt:"Social media content creation examples"},{id:"3",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg?_wi=3",imageAlt:"Brand storytelling through customer videos"},{id:"4",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg?_wi=4",imageAlt:"Authentic content driving engagement"},{id:"5",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg?_wi=5",imageAlt:"Visual marketing assets"},{id:"6",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg?_wi=6",imageAlt:"UGC campaign results"}]}
+          buttonAnimation="slide-up"
+          carouselItems={[{id:"1",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",imageAlt:"Diverse user-generated content on multiple screens"},{id:"2",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",imageAlt:"Social media content creation examples"},{id:"3",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",imageAlt:"Brand storytelling through customer videos"},{id:"4",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",imageAlt:"Authentic content driving engagement"},{id:"5",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",imageAlt:"Visual marketing assets"},{id:"6",imageSrc:"https://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",imageAlt:"UGC campaign results"}]}
           autoPlay={true}
           autoPlayInterval={4000}
           ariaLabel="Hero section for Spike Media, showcasing user-generated content solutions"
@@ -59,9 +59,9 @@ export default function SitePage() {
           description="At Spike Media, we believe in the power of real voices. We connect brands with passionate creators to produce engaging User-Generated Content that resonates with audiences and builds lasting trust. Our streamlined process makes it easy to scale your content strategy."
           tag="About Spike Media"
           tagIcon={Sparkles}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           buttons={[{text:"Learn More",href:"services"}]}
-          buttonAnimation="elastic-effect"
+          buttonAnimation="slide-up"
           imageSrc="https://img.b2bpic.net/free-photo/group-collaboration-around-laptop-creative-workspace_24972-2944.jpg"
           imageAlt="Spike Media team collaborating on content strategy"
           useInvertedBackground={false}
@@ -79,7 +79,7 @@ export default function SitePage() {
           description="From concept to campaign, we handle every aspect of your User-Generated Content needs."
           tag="What We Do"
           tagIcon={Zap}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           ariaLabel="Our UGC Services section"
@@ -96,7 +96,7 @@ export default function SitePage() {
           description="See how we've helped brands achieve remarkable results with authentic User-Generated Content."
           tag="Our Impact"
           tagIcon={Award}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           ariaLabel="UGC Case Studies section"
@@ -114,7 +114,7 @@ export default function SitePage() {
           description="Hear directly from brands that have transformed their marketing with Spike Media's UGC expertise."
           tag="Testimonials"
           tagIcon={MessageSquare}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           ariaLabel="Client Testimonials section"
@@ -128,7 +128,7 @@ export default function SitePage() {
           description="Got questions about UGC or how we work? Find your answers here."
           tag="Q&A"
           tagIcon={HelpCircle}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           faqsAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -143,7 +143,7 @@ export default function SitePage() {
           title="Ready to Amplify Your Brand with UGC?"
           description="Partner with Spike Media to unlock the full potential of authentic user-generated content. Get in touch today for a free consultation."
           tagIcon={Mail}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           background={{variant:"sparkles-gradient"}}
           useInvertedBackground={false}
           imageSrc="https://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 196ba23..1c66102 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,16 +89,16 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "About Us", id: "about" },
-                                { name: "Services", id: "services" },
-                                { name: "Case Studies", id: "product" },
-                                { name: "Testimonials", id: "testimonials" },
-                                { name: "FAQ", id: "faq" },
-                                { name: "Contact", id: "contact" },
+                                { name: "About Us", id: "/#about" },
+                                { name: "Services", id: "/#services" },
+                                { name: "Case Studies", id: "/#product" },
+                                { name: "Testimonials", id: "/#testimonials" },
+                                { name: "FAQ", id: "/#faq" },
+                                { name: "Contact", id: "/#contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             brandName="Spike Media"
@@ -111,9 +111,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal
                             columns={[
-                                { title: "Services", items: [{ label: "Strategy", href: "services" }, { label: "Creation", href: "services" }, { label: "Management", href: "services" }] },
-                                { title: "Company", items: [{ label: "About Us", href: "about" }, { label: "Case Studies", href: "product" }, { label: "Contact", href: "contact" }] },
-                                { title: "Resources", items: [{ label: "FAQ", href: "faq" }, { label: "Testimonials", href: "testimonials" }] }
+                                { title: "Services", items: [{ label: "Strategy", href: "/#services" }, { label: "Creation", href: "/#services" }, { label: "Management", href: "/#services" }] },
+                                { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Case Studies", href: "/#product" }, { label: "Contact", href: "/#contact" }] },
+                                { title: "Resources", items: [{ label: "FAQ", href: "/#faq" }, { label: "Testimonials", href: "/#testimonials" }] }
                             ]}
                             copyrightText="© 2024 Spike Media. All rights reserved."
                         />
@@ -138,16 +138,16 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "About Us", id: "about" },
-                                { name: "Services", id: "services" },
-                                { name: "Case Studies", id: "product" },
-                                { name: "Testimonials", id: "testimonials" },
-                                { name: "FAQ", id: "faq" },
-                                { name: "Contact", id: "contact" },
+                                { name: "About Us", id: "/#about" },
+                                { name: "Services", id: "/#services" },
+                                { name: "Case Studies", id: "/#product" },
+                                { name: "Testimonials", id: "/#testimonials" },
+                                { name: "FAQ", id: "/#faq" },
+                                { name: "Contact", id: "/#contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             brandName="Spike Media"
@@ -168,9 +168,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal
                             columns={[
-                                { title: "Services", items: [{ label: "Strategy", href: "services" }, { label: "Creation", href: "services" }, { label: "Management", href: "services" }] },
-                                { title: "Company", items: [{ label: "About Us", href: "about" }, { label: "Case Studies", href: "product" }, { label: "Contact", href: "contact" }] },
-                                { title: "Resources", items: [{ label: "FAQ", href: "faq" }, { label: "Testimonials", href: "testimonials" }] }
+                                { title: "Services", items: [{ label: "Strategy", href: "/#services" }, { label: "Creation", href: "/#services" }, { label: "Management", href: "/#services" }] },
+                                { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Case Studies", href: "/#product" }, { label: "Contact", href: "/#contact" }] },
+                                { title: "Resources", items: [{ label: "FAQ", href: "/#faq" }, { label: "Testimonials", href: "/#testimonials" }] }
                             ]}
                             copyrightText="© 2024 Spike Media. All rights reserved."
                         />
@@ -194,16 +194,16 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "About Us", id: "about" },
-                            { name: "Services", id: "services" },
-                            { name: "Case Studies", id: "product" },
-                            { name: "Testimonials", id: "testimonials" },
-                            { name: "FAQ", id: "faq" },
-                            { name: "Contact", id: "contact" },
+                            { name: "About Us", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Case Studies", id: "/#product" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "FAQ", id: "/#faq" },
+                            { name: "Contact", id: "/#contact" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         brandName="Spike Media"
@@ -249,9 +249,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="footer" data-section="footer">
                     <FooterBaseReveal
                         columns={[
-                            { title: "Services", items: [{ label: "Strategy", href: "services" }, { label: "Creation", href: "services" }, { label: "Management", href: "services" }] },
-                            { title: "Company", items: [{ label: "About Us", href: "about" }, { label: "Case Studies", href: "product" }, { label: "Contact", href: "contact" }] },
-                            { title: "Resources", items: [{ label: "FAQ", href: "faq" }, { label: "Testimonials", href: "testimonials" }] }
+                            { title: "Services", items: [{ label: "Strategy", href: "/#services" }, { label: "Creation", href: "/#services" }, { label: "Management", href: "/#services" }] },
+                            { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Case Studies", href: "/#product" }, { label: "Contact", href: "/#contact" }] },
+                            { title: "Resources", items: [{ label: "FAQ", href: "/#faq" }, { label: "Testimonials", href: "/#testimonials" }] }
                         ]}
                         copyrightText="© 2024 Spike Media. All rights reserved."
                     />
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index e08e976..7837c28 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -31,16 +31,16 @@ export default function ShopPage() {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "About Us", id: "about" },
-                                { name: "Services", id: "services" },
-                                { name: "Case Studies", id: "product" },
-                                { name: "Testimonials", id: "testimonials" },
-                                { name: "FAQ", id: "faq" },
-                                { name: "Contact", id: "contact" },
+                                { name: "About Us", id: "/#about" },
+                                { name: "Services", id: "/#services" },
+                                { name: "Case Studies", id: "/#product" },
+                                { name: "Testimonials", id: "/#testimonials" },
+                                { name: "FAQ", id: "/#faq" },
+                                { name: "Contact", id: "/#contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             brandName="Spike Media"
@@ -53,9 +53,9 @@ export default function ShopPage() {
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal
                             columns={[
-                                { title: "Services", items: [{ label: "Strategy", href: "services" }, { label: "Creation", href: "services" }, { label: "Management", href: "services" }] },
-                                { title: "Company", items: [{ label: "About Us", href: "about" }, { label: "Case Studies", href: "product" }, { label: "Contact", href: "contact" }] },
-                                { title: "Resources", items: [{ label: "FAQ", href: "faq" }, { label: "Testimonials", href: "testimonials" }] }
+                                { title: "Services", items: [{ label: "Strategy", href: "/#services" }, { label: "Creation", href: "/#services" }, { label: "Management", href: "/#services" }] },
+                                { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Case Studies", href: "/#product" }, { label: "Contact", href: "/#contact" }] },
+                                { title: "Resources", items: [{ label: "FAQ", href: "/#faq" }, { label: "Testimonials", href: "/#testimonials" }] }
                             ]}
                             copyrightText="© 2024 Spike Media. All rights reserved."
                         />
@@ -79,16 +79,16 @@ export default function ShopPage() {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "About Us", id: "about" },
-                            { name: "Services", id: "services" },
-                            { name: "Case Studies", id: "product" },
-                            { name: "Testimonials", id: "testimonials" },
-                            { name: "FAQ", id: "faq" },
-                            { name: "Contact", id: "contact" },
+                            { name: "About Us", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Case Studies", id: "/#product" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "FAQ", id: "/#faq" },
+                            { name: "Contact", id: "/#contact" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         brandName="Spike Media"
@@ -109,9 +109,9 @@ export default function ShopPage() {
                 <div id="footer" data-section="footer">
                     <FooterBaseReveal
                         columns={[
-                            { title: "Services", items: [{ label: "Strategy", href: "services" }, { label: "Creation", href: "services" }, { label: "Management", href: "services" }] },
-                            { title: "Company", items: [{ label: "About Us", href: "about" }, { label: "Case Studies", href: "product" }, { label: "Contact", href: "contact" }] },
-                            { title: "Resources", items: [{ label: "FAQ", href: "faq" }, { label: "Testimonials", href: "testimonials" }] }
+                            { title: "Services", items: [{ label: "Strategy", href: "/#services" }, { label: "Creation", href: "/#services" }, { label: "Management", href: "/#services" }] },
+                            { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Case Studies", href: "/#product" }, { label: "Contact", href: "/#contact" }] },
+                            { title: "Resources", items: [{ label: "FAQ", href: "/#faq" }, { label: "Testimonials", href: "/#testimonials" }] }
                         ]}
                         copyrightText="© 2024 Spike Media. All rights reserved."
                     />