diff --git a/src/app/page.tsx b/src/app/page.tsx
index 698472d..8188181 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
@@ -8,7 +9,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function HomePage() {
-  const navItems = [{ name: 'Home', id: '#hero' }, { name: 'Tables', id: '#tables' }, { name: 'Reviews', id: '#reviews' }];
+  const navItems = [{ name: 'Home', id: 'hero' }, { name: 'Tables', id: 'tables' }, { name: 'Reviews', id: 'reviews' }, { name: 'Contact', id: 'contact' }];
 
   return (
     <ThemeProvider background="circleGradient" cardStyle="glass-elevated" defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
@@ -16,16 +17,16 @@ export default function HomePage() {
         <NavbarStyleCentered navItems={navItems} brandName="The Hangar" logoAlt="The Hangar Logo" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplitDoubleCarousel background={{ variant: "gradient-bars" }} title="Precision. Elegance. The Hangar." description="Experience premium billiards in a setting crafted for the true enthusiast. Step into our world of refined competition." leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-billiard-balls_23-2148299269.jpg", imageAlt: "billiards pool hall dark interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/bowling-balls-arrangement-still-life_23-2150565689.jpg", imageAlt: "professional billiard cues rack" }, { imageSrc: "http://img.b2bpic.net/free-photo/nice-guy-playing-billiard_1157-16224.jpg", imageAlt: "billiards scoreboard modern digital" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elegant-guys-playing-billiard_23-2148299275.jpg", imageAlt: "pool tournament atmosphere crowd" }, { imageSrc: "http://img.b2bpic.net/free-photo/corrner-table-snooker-hole_1232-4271.jpg", imageAlt: "professional billiards table felt" }]} rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-pool-bar_53876-14524.jpg", imageAlt: "classic wooden pool table design" }, { imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-front-dark-handle-minimalist-decor_169016-69360.jpg", imageAlt: "professional billiards table felt" }, { imageSrc: "http://img.b2bpic.net/free-photo/stressed-men-watching-match-concentration_329181-18338.jpg", imageAlt: "pool tournament atmosphere crowd" }, { imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-3286.jpg", imageAlt: "billiards scoreboard modern digital" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-man-wearing-white-shirt-black-vest-bow-tie-play-pool-billiard_627829-460.jpg", imageAlt: "billiards pool hall dark interior" }]} buttons={[{ text: "Book a Table", href: "#contact" }]} avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-vest-holding-pool-cue_23-2148299212.jpg", alt: "Medium shot man with vest holding pool cue" }, { src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263530.jpg", alt: "Photorealistic wooden house interior" }, { src: "http://img.b2bpic.net/free-photo/indoor-event-lights-fun-activity_1122-2024.jpg", alt: "indoor event lights fun activity" }, { src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199342.jpg", alt: "Interior design in neoclassical style" }, { src: "http://img.b2bpic.net/free-photo/two-young-people-bowling_107420-84942.jpg", alt: "Two young people bowling" }]} avatarText="Join our community of over 500+ active players." marqueeItems={[{ type: "image", src: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199340.jpg", alt: "Neoclassical style interior" }, { type: "text", text: "Championship Grade" }, { type: "text", text: "24/7 Access" }, { type: "text", text: "Exclusive Member Perks" }, { type: "text", text: "Pro Leagues" }]} />
+        <HeroSplitDoubleCarousel background={{ variant: "gradient-bars" }} title="Precision. Elegance. The Hangar." description="Experience premium billiards in a setting crafted for the true enthusiast. Step into our world of refined competition." leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-billiard-balls_23-2148299269.jpg", imageAlt: "billiards pool hall dark interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/bowling-balls-arrangement-still-life_23-2150565689.jpg", imageAlt: "professional billiard cues rack" }]} rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-pool-bar_53876-14524.jpg", imageAlt: "classic wooden pool table design" }, { imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-front-dark-handle-minimalist-decor_169016-69360.jpg", imageAlt: "professional billiards table felt" }]} buttons={[{ text: "Book a Table", href: "#contact" }]} />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardTwentyOne title="Why Choose The Hangar" description="Unmatched amenities for every level of player." accordionItems={[{ id: "1", title: "Championship Tables", content: "Professional grade tables maintained daily for perfect play." }, { id: "2", title: "Premium Cues", content: "A vast collection of professional-grade cues available for hire." }, { id: "3", title: "Atmospheric Lounge", content: "Relax in our comfortable seating area after your game." }]} imageSrc="http://img.b2bpic.net/free-photo/low-angle-happy-guy-looking-pool-table_23-2148299251.jpg" mediaAnimation="slide-up" useInvertedBackground={false} />
+        <FeatureCardTwentyOne title="Why Choose The Hangar" description="Unmatched amenities for every level of player." accordionItems={[{ id: "1", title: "Championship Tables", content: "Professional grade tables maintained daily for perfect play." }, { id: "2", title: "Premium Cues", content: "A vast collection of professional-grade cues available for hire." }]} imageSrc="http://img.b2bpic.net/free-photo/low-angle-happy-guy-looking-pool-table_23-2148299251.jpg" mediaAnimation="slide-up" useInvertedBackground={false} />
       </div>
       <div id="tables" data-section="tables">
-        <ProductCardTwo animationType="slide-up" textboxLayout="split" gridVariant="three-columns-all-equal-width" products={[{ id: "1", brand: "Proline", name: "Tournament Table", price: "$15/hr", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/empty-university-library-students-work-school-assignments_482257-126907.jpg" }, { id: "2", brand: "Standard", name: "Practice Table", price: "$10/hr", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-looking-away_23-2148299239.jpg" }, { id: "3", brand: "VIP", name: "Private Suite", price: "$25/hr", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-billiard-night_23-2148299258.jpg" }, { id: "4", brand: "Proline", name: "Advanced Suite", price: "$20/hr", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-billiard-club-with-smartphones_23-2148299261.jpg" }, { id: "5", brand: "Classic", name: "Heritage Table", price: "$12/hr", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/fanned-deck-playing-cards-casino_23-2147881561.jpg" }, { id: "6", brand: "Club", name: "Club Table", price: "$11/hr", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg" }]} title="Our Playing Tables" description="Choose your playing environment from our elite selection." useInvertedBackground={false} />
+        <ProductCardTwo animationType="slide-up" textboxLayout="split" gridVariant="three-columns-all-equal-width" products={[{ id: "1", brand: "Proline", name: "Tournament Table", price: "$15/hr", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/empty-university-library-students-work-school-assignments_482257-126907.jpg" }, { id: "2", brand: "Standard", name: "Practice Table", price: "$10/hr", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-looking-away_23-2148299239.jpg" }, { id: "3", brand: "VIP", name: "Private Suite", price: "$25/hr", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-billiard-night_23-2148299258.jpg" }]} title="Our Playing Tables" description="Choose your playing environment from our elite selection." useInvertedBackground={false} />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardOne animationType="slide-up" textboxLayout="split" gridVariant="three-columns-all-equal-width" testimonials={[{ id: "1", name: "James L.", role: "Pro", company: "Local League", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-table-football_23-2147681039.jpg" }, { id: "2", name: "Sarah K.", role: "Enthusiast", company: "City Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sporty-man-drinking-bright-cocktail-swimming-pool-man-with-dark-hair-glass-with-bright-beverage-looking-camera-leisure-friendship-party-concept_74855-21406.jpg" }, { id: "3", name: "Mike R.", role: "Player", company: "Billiards Fan", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-poker-night_23-2149153494.jpg" }, { id: "4", name: "David W.", role: "Amateur", company: "Casual Player", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202972.jpg" }, { id: "5", name: "Emma P.", role: "League Member", company: "Tourney Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/men-wearing-varsity-jacket_23-2149562654.jpg" }]} title="What Players Say" description="Hear why locals make The Hangar their choice." useInvertedBackground={false} />
+        <TestimonialCardOne animationType="slide-up" textboxLayout="split" gridVariant="three-columns-all-equal-width" testimonials={[{ id: "1", name: "James L.", role: "Pro", company: "Local League", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-table-football_23-2147681039.jpg" }, { id: "2", name: "Sarah K.", role: "Enthusiast", company: "City Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sporty-man-drinking-bright-cocktail-swimming-pool-man-with-dark-hair-glass-with-bright-beverage-looking-camera-leisure-friendship-party-concept_74855-21406.jpg" }, { id: "3", name: "Mike R.", role: "Player", company: "Billiards Fan", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-poker-night_23-2149153494.jpg" }]} title="What Players Say" description="Hear why locals make The Hangar their choice." useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
         <ContactText background={{ variant: "rotated-rays-static" }} text="Visit us at The Hangar for your next game. Open daily from 12 PM to 2 AM." buttons={[{ text: "Contact Us", href: "mailto:hello@hangar.com" }]} useInvertedBackground={false} />