src/app/page.tsx

@@ -30,9 +30,8 @@ export default function HomePage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple brandName="The Cannabis Shop" navItems={navItems} />
+        <NavbarStyleApple navItems={navItems} brandName="The Cannabis Shop" />
       </div>
-
       <div id="hero" data-section="hero">
         <HeroBillboardScroll
           background={{ variant: "gradient-bars" }}
@@ -43,7 +42,6 @@ export default function HomePage() {
           imageAlt="Luxurious cannabis dispensary showcase"
         />
       </div>
-
       <div id="shop" data-section="shop">
         <ProductCardOne
           animationType="slide-up"
@@ -60,7 +58,6 @@ export default function HomePage() {
           description="Curated premium products for a perfect experience."
         />
       </div>
-
       <div id="why-us" data-section="why-us">
         <SplitAbout
           textboxLayout="split"
@@ -77,7 +74,6 @@ export default function HomePage() {
           mediaAnimation="slide-up"
         />
       </div>
-
       <div id="reviews" data-section="reviews">
         <TestimonialCardTwo
           animationType="slide-up"
@@ -94,7 +90,6 @@ export default function HomePage() {
           description="What our customers are saying about our store."
         />
       </div>
-
       <div id="location" data-section="location">
         <FaqSplitText
           useInvertedBackground={true}
@@ -108,7 +103,6 @@ export default function HomePage() {
           faqsAnimation="slide-up"
         />
       </div>
-
       <div id="cta" data-section="cta">
         <ContactCTA
           tag="Elevate Your Day"
@@ -119,7 +113,6 @@ export default function HomePage() {
           background={{ variant: "sparkles-gradient" }}
         />
       </div>
-
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[
@@ -132,4 +125,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}