diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index f618f23..86cb220 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,69 +24,77 @@ export default function BlogPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "Menu", id: "#signature-flavors" },
-                        { name: "About", id: "#brand-story" },
-                        { name: "Delivery", id: "#delivery-speed" },
-                        { name: "Dine-In", id: "#dine-in" },
-                        { name: "Reviews", id: "#social-proof" },
-                    ]}
-                    brandName="bb.q chicken"
-                    button={{ text: "Order Now", href: "#final-cta" }}
-                    className="py-3 px-6 lg:px-8"
-                    navItemClassName="text-lg font-medium"
-                    buttonClassName="px-5 py-2 text-lg"
-                    buttonTextClassName="font-semibold"
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Menu", id: "#signature-flavors" },
+                            { name: "About", id: "#brand-story" },
+                            { name: "Delivery", id: "#delivery-speed" },
+                            { name: "Dine-In", id: "#dine-in" },
+                            { name: "Reviews", id: "#social-proof" },
+                        ]}
+                        brandName="bb.q chicken"
+                        button={{ text: "Order Now", href: "#final-cta" }}
+                        className="py-3 px-6 lg:px-8"
+                        navItemClassName="text-lg font-medium"
+                        buttonClassName="px-5 py-2 text-lg"
+                        buttonTextClassName="font-semibold"
+                    />
+                </div>
 
                 {isLoading ? (
-                    <div className="w-content-width mx-auto py-20 text-center">
-                        <p className="text-foreground">Loading posts...</p>
+                    <div id="blog-loader" data-section="blog-loader">
+                        <div className="w-content-width mx-auto py-20 text-center">
+                            <p className="text-foreground">Loading posts...</p>
+                        </div>
                     </div>
                 ) : (
-                    <BlogCardThree
-                        blogs={posts}
-                        title="Featured Articles"
-                        description="Explore our latest insights"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                    />
+                    <div id="blog-posts" data-section="blog-posts">
+                        <BlogCardThree
+                            blogs={posts}
+                            title="Featured Articles"
+                            description="Explore our latest insights"
+                            animationType="slide-up"
+                            textboxLayout="default"
+                            useInvertedBackground={false}
+                        />
+                    </div>
                 )}
 
-                <FooterBaseReveal
-                    columns={[
-                        {
-                            title: "bb.q chicken — Columbus",                            items: [
-                                { label: "Korean Fried Chicken", href: "#" },
-                                { label: "Delivery", href: "#delivery-speed" },
-                                { label: "Takeout", href: "#" },
-                                { label: "Dine-In", href: "#dine-in" },
-                            ],
-                        },
-                        {
-                            title: "Information",                            items: [
-                                { label: "Hours", href: "#" },
-                                { label: "Contact", href: "#" },
-                                { label: "Location", href: "#" },
-                                { label: "Online Ordering", href: "#" },
-                            ],
-                        },
-                        {
-                            title: "Follow Us",                            items: [
-                                { label: "Instagram", href: "https://instagram.com/bbqchicken" },
-                                { label: "Facebook", href: "https://facebook.com/bbqchicken" },
-                                { label: "TikTok", href: "https://tiktok.com/@bbqchicken" },
-                            ],
-                        },
-                    ]}
-                    copyrightText="© 2024 bb.q chicken. All rights reserved."
-                    className="py-10 lg:py-16"
-                    columnTitleClassName="text-xl font-semibold"
-                    columnItemClassName="text-base"
-                />
+                <div id="footer" data-section="footer">
+                    <FooterBaseReveal
+                        columns={[
+                            {
+                                title: "bb.q chicken — Columbus",                                items: [
+                                    { label: "Korean Fried Chicken", href: "#" },
+                                    { label: "Delivery", href: "#delivery-speed" },
+                                    { label: "Takeout", href: "#" },
+                                    { label: "Dine-In", href: "#dine-in" },
+                                ],
+                            },
+                            {
+                                title: "Information",                                items: [
+                                    { label: "Hours", href: "#" },
+                                    { label: "Contact", href: "#" },
+                                    { label: "Location", href: "#" },
+                                    { label: "Online Ordering", href: "#" },
+                                ],
+                            },
+                            {
+                                title: "Follow Us",                                items: [
+                                    { label: "Instagram", href: "https://instagram.com/bbqchicken" },
+                                    { label: "Facebook", href: "https://facebook.com/bbqchicken" },
+                                    { label: "TikTok", href: "https://tiktok.com/@bbqchicken" },
+                                ],
+                            },
+                        ]}
+                        copyrightText="© 2024 bb.q chicken. All rights reserved."
+                        className="py-10 lg:py-16"
+                        columnTitleClassName="text-xl font-semibold"
+                        columnItemClassName="text-base"
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 55141b6..0199282 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -64,7 +64,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           className="py-16 lg:py-24"
           titleClassName="text-4xl lg:text-5xl"
-          descriptionClassName="text-base lg:text-lg"
+          titleDescriptionClassName="text-base lg:text-lg"
           contentCardClassName="p-6 lg:p-10"
           mediaCardClassName="p-0 lg:p-0"
         />
@@ -73,13 +73,14 @@ export default function LandingPage() {
         <ProductCardTwo 
           title="Choose Your Flavor Obsession"
           description="Fan-favorite sauces inspired by real reviews"
-          products={[{id:"honey-garlic",brand:"bb.q chicken",name:"Honey Garlic",price:"Popular",rating:5,reviewCount:"1.2k",imageSrc:"https://img.b2bpic.net/free-photo/high-angle-different-types-fried-chicken-with-cutlery_23-2148646630.jpg?_wi=1",imageAlt:"Honey Garlic Korean Fried Chicken"},{id:"soy-garlic",brand:"bb.q chicken",name:"Soy Garlic",price:"Classic",rating:5,reviewCount:"980",imageSrc:"https://img.b2bpic.net/free-photo/high-angle-different-types-fried-chicken-with-cutlery_23-2148646630.jpg?_wi=2",imageAlt:"Soy Garlic Korean Fried Chicken"},{id:"gangnam-spicy",brand:"bb.q chicken",name:"Gangnam Spicy",price:"Best Seller",rating:5,reviewCount:"1.5k",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42875.jpg",imageAlt:"Gangnam Spicy Korean Fried Chicken"},{id:"secret-sauce",brand:"bb.q chicken",name:"Secret Sauce",price:"Signature",rating:5,reviewCount:"750",imageSrc:"https://img.b2bpic.net/free-photo/ketchup-near-grilled-wings_23-2147717013.jpg",imageAlt:"bb.q chicken Secret Sauce"},{id:"hot-spicy",brand:"bb.q chicken",name:"Hot Spicy",price:"Fiery",rating:5,reviewCount:"600",imageSrc:"https://img.b2bpic.net/free-photo/grilled-chicken-wings-with-ketchup-dark-background_84443-72406.jpg",imageAlt:"Hot Spicy Korean Fried Chicken"},{id:"spicy-galbi",brand:"bb.q chicken",name:"Spicy Galbi",price:"Unique",rating:5,reviewCount:"480",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fillet-teriyaki-sauce-salad-leaves_114579-1721.jpg",imageAlt:"Spicy Galbi Korean Fried Chicken"}]}
+          products={[{id:"honey-garlic",brand:"bb.q chicken",name:"Honey Garlic",price:"Popular",rating:5,reviewCount:"1.2k",imageSrc:"https://img.b2bpic.net/free-photo/high-angle-different-types-fried-chicken-with-cutlery_23-2148646630.jpg",imageAlt:"Honey Garlic Korean Fried Chicken"},{id:"soy-garlic",brand:"bb.q chicken",name:"Soy Garlic",price:"Classic",rating:5,reviewCount:"980",imageSrc:"https://img.b2bpic.net/free-photo/high-angle-different-types-fried-chicken-with-cutlery_23-2148646630.jpg",imageAlt:"Soy Garlic Korean Fried Chicken"},{id:"gangnam-spicy",brand:"bb.q chicken",name:"Gangnam Spicy",price:"Best Seller",rating:5,reviewCount:"1.5k",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42875.jpg",imageAlt:"Gangnam Spicy Korean Fried Chicken"},{id:"secret-sauce",brand:"bb.q chicken",name:"Secret Sauce",price:"Signature",rating:5,reviewCount:"750",imageSrc:"https://img.b2bpic.net/free-photo/ketchup-near-grilled-wings_23-2147717013.jpg",imageAlt:"bb.q chicken Secret Sauce"},{id:"hot-spicy",brand:"bb.q chicken",name:"Hot Spicy",price:"Fiery",rating:5,reviewCount:"600",imageSrc:"https://img.b2bpic.net/free-photo/grilled-chicken-wings-with-ketchup-dark-background_84443-72406.jpg",imageAlt:"Hot Spicy Korean Fried Chicken"},{id:"spicy-galbi",brand:"bb.q chicken",name:"Spicy Galbi",price:"Unique",rating:5,reviewCount:"480",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fillet-teriyaki-sauce-salad-leaves_114579-1721.jpg",imageAlt:"Spicy Galbi Korean Fried Chicken"}]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           useInvertedBackground={false}
           className="py-16 lg:py-24"
-          titleClassName="text-4xl lg:text-5xl"
-          descriptionClassName="text-lg lg:text-xl"
+          textboxLayout="default"
+          textBoxTitleClassName="text-4xl lg:text-5xl"
+          textBoxDescriptionClassName="text-lg lg:text-xl"
           cardClassName="p-4 sm:p-6 lg:p-8"
           cardNameClassName="text-2xl font-semibold"
           cardPriceClassName="text-xl font-bold"
@@ -90,12 +91,12 @@ export default function LandingPage() {
         <FeatureCardEight 
           title="Why Our Chicken Hits Different"
           description="Customers rave about our crisp texture, balanced spice levels, and juicy boneless cuts that never feel over-coated or over-sauced."
-          features={[{id:1,title:"Double-Fried for Extra Crispiness",description:"Our unique double-frying method ensures every piece of chicken is incredibly crispy, providing an unforgettable crunch with every bite.",imageSrc:"/placeholders/placeholder1.webp?_wi=1"},{id:2,title:"Never Soggy, Always Crunchy",description:"Engineered to stay crunchy from our kitchen to your door, our chicken resists sogginess, maintaining its perfect texture even after delivery.",imageSrc:"/placeholders/placeholder1.webp?_wi=2"},{id:3,title:"Hand-Brushed Sauces — Never Mass Tossed",description:"Each piece is individually hand-brushed with our signature sauces, guaranteeing an even coating and maximum flavor absorption without being over-sauced.",imageSrc:"/placeholders/placeholder1.webp?_wi=3"},{id:4,title:"Juicy Inside, Crispy Outside",description:"Our masterful cooking technique locks in the natural juices, delivering a tender, succulent interior perfectly complemented by the ultimate crispy exterior.",imageSrc:"/placeholders/placeholder1.webp?_wi=4"}]}
+          features={[{id:1,title:"Double-Fried for Extra Crispiness",description:"Our unique double-frying method ensures every piece of chicken is incredibly crispy, providing an unforgettable crunch with every bite.",imageSrc:"/placeholders/placeholder1.webp"},{id:2,title:"Never Soggy, Always Crunchy",description:"Engineered to stay crunchy from our kitchen to your door, our chicken resists sogginess, maintaining its perfect texture even after delivery.",imageSrc:"/placeholders/placeholder1.webp"},{id:3,title:"Hand-Brushed Sauces — Never Mass Tossed",description:"Each piece is individually hand-brushed with our signature sauces, guaranteeing an even coating and maximum flavor absorption without being over-sauced.",imageSrc:"/placeholders/placeholder1.webp"},{id:4,title:"Juicy Inside, Crispy Outside",description:"Our masterful cooking technique locks in the natural juices, delivering a tender, succulent interior perfectly complemented by the ultimate crispy exterior.",imageSrc:"/placeholders/placeholder1.webp"}]}
           textboxLayout="default"
           useInvertedBackground={false}
           className="py-16 lg:py-24"
-          titleClassName="text-4xl lg:text-5xl"
-          descriptionClassName="text-lg lg:text-xl"
+          textBoxTitleClassName="text-4xl lg:text-5xl"
+          textBoxDescriptionClassName="text-lg lg:text-xl"
           cardTitleClassName="text-2xl font-semibold"
           cardDescriptionClassName="text-base"
           stepNumberClassName="text-xl font-bold"
@@ -110,8 +111,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           className="py-16 lg:py-24"
-          titleClassName="text-4xl lg:text-5xl"
-          descriptionClassName="text-lg lg:text-xl"
+          textBoxTitleClassName="text-4xl lg:text-5xl"
+          textBoxDescriptionClassName="text-lg lg:text-xl"
           valueClassName="text-8xl font-extrabold"
           metricTitleClassName="text-3xl font-semibold"
           featuresClassName="text-lg"
@@ -121,12 +122,12 @@ export default function LandingPage() {
         <FeatureCardEight 
           title="Dine-In, Level Up"
           description="Located near the OSU campus, bb.q chicken offers a spacious dine-in atmosphere perfect for groups, casual nights, or flavor-packed date nights. Whether you’re meeting friends or refueling after class — we’ve got your table ready."
-          features={[{id:1,title:"Comfortable Seating",description:"Enjoy a relaxed and inviting atmosphere with comfortable seating, perfect for a casual meal or a group gathering.",imageSrc:"/placeholders/placeholder1.webp?_wi=5"},{id:2,title:"Friendly, Hospitable Staff",description:"Our team is dedicated to providing exceptional service, ensuring every visit is enjoyable and memorable.",imageSrc:"/placeholders/placeholder1.webp?_wi=6"},{id:3,title:"Alcoholic Beverages Available",description:"Pair your crispy chicken with a selection of refreshing alcoholic beverages for the ultimate dining experience.",imageSrc:"/placeholders/placeholder1.webp?_wi=7"},{id:4,title:"Convenient Parking Nearby",description:"Easy access with nearby parking solutions, making your dine-in experience hassle-free.",imageSrc:"/placeholders/placeholder1.webp?_wi=8"}]}
+          features={[{id:1,title:"Comfortable Seating",description:"Enjoy a relaxed and inviting atmosphere with comfortable seating, perfect for a casual meal or a group gathering.",imageSrc:"/placeholders/placeholder1.webp"},{id:2,title:"Friendly, Hospitable Staff",description:"Our team is dedicated to providing exceptional service, ensuring every visit is enjoyable and memorable.",imageSrc:"/placeholders/placeholder1.webp"},{id:3,title:"Alcoholic Beverages Available",description:"Pair your crispy chicken with a selection of refreshing alcoholic beverages for the ultimate dining experience.",imageSrc:"/placeholders/placeholder1.webp"},{id:4,title:"Convenient Parking Nearby",description:"Easy access with nearby parking solutions, making your dine-in experience hassle-free.",imageSrc:"/placeholders/placeholder1.webp"}]}
           textboxLayout="default"
           useInvertedBackground={false}
           className="py-16 lg:py-24"
-          titleClassName="text-4xl lg:text-5xl"
-          descriptionClassName="text-lg lg:text-xl"
+          textBoxTitleClassName="text-4xl lg:text-5xl"
+          textBoxDescriptionClassName="text-lg lg:text-xl"
           cardTitleClassName="text-2xl font-semibold"
           cardDescriptionClassName="text-base"
           stepNumberClassName="text-xl font-bold"
@@ -141,8 +142,9 @@ export default function LandingPage() {
           animationType="slide-up"
           useInvertedBackground={false}
           className="py-16 lg:py-24"
-          titleClassName="text-4xl lg:text-5xl"
-          descriptionClassName="text-lg lg:text-xl"
+          textboxLayout="default"
+          textBoxTitleClassName="text-4xl lg:text-5xl"
+          textBoxDescriptionClassName="text-lg lg:text-xl"
           cardClassName="p-4 sm:p-6 lg:p-8"
           cardNameClassName="text-2xl font-semibold"
           cardPriceClassName="text-xl font-bold"
@@ -157,8 +159,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           className="py-16 lg:py-24"
-          titleClassName="text-4xl lg:text-5xl"
-          descriptionClassName="text-lg lg:text-xl"
+          textBoxTitleClassName="text-4xl lg:text-5xl"
+          textBoxDescriptionClassName="text-lg lg:text-xl"
           quoteCardClassName="p-6 lg:p-10"
           testimonialTitleClassName="text-3xl font-semibold"
           quoteClassName="text-xl italic"
@@ -173,7 +175,7 @@ export default function LandingPage() {
           background={{variant:"radial-gradient"}}
           buttons={[{text:"Order Now",href:"#"},{text:"View Menu",href:"#signature-flavors"}]}
           layoutOrder="reverse"
-          imageSrc="/placeholders/placeholder1.webp?_wi=9"
+          imageSrc="/placeholders/placeholder1.webp"
           imageAlt="Close up of a deliciously crispy and saucy fried chicken piece."
           mediaAnimation="opacity"
           className="pt-20 pb-16 lg:pt-24 lg:pb-20"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 9ebc75f..20e2458 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -81,7 +81,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                       <NavbarLayoutFloatingInline
                           navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                           brandName="bb.q chicken"
@@ -130,7 +130,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                       <NavbarLayoutFloatingInline
                           navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                           brandName="bb.q chicken"
@@ -186,7 +186,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                   <NavbarLayoutFloatingInline
                       navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                       brandName="bb.q chicken"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 12ef24a..43e08ab 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -56,7 +56,7 @@ export default function ShopPage() {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                         brandName="bb.q chicken"
@@ -104,7 +104,7 @@ export default function ShopPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                   <NavbarLayoutFloatingInline
                       navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                       brandName="bb.q chicken"