src/app/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ThemeProvider } from '@/components/theme/ThemeProvider';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
@@ -63,8 +63,7 @@ const page = () => {
     {
       id: '2',
       title: 'Best Analytics Platform',
-      quote: 'The accuracy and speed of Temple AI\'s analytics platform exceeded all our expectations. Implementation was smooth and support was exceptional.',
-      name: 'Marcus Johnson',
+      quote: "The accuracy and speed of Temple AI's analytics platform exceeded all our expectations. Implementation was smooth and support was exceptional.",      name: 'Marcus Johnson',
       role: 'Director of Analytics at DataCorp',
       imageSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop',
       imageAlt: 'Marcus Johnson headshot'
@@ -108,14 +107,16 @@ const page = () => {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarLayoutFloatingOverlay
-        navItems={navItems}
-        brandName="Temple AI"
-        button={{
-          text: 'Get Started',
-          href: 'https://example.com/signup'
-        }}
-      />
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={navItems}
+          brandName="Temple AI"
+          button={{
+            text: 'Get Started',
+            href: 'https://example.com/signup'
+          }}
+        />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardDashboard