Update src/app/page.tsx

src/app/blog/page.tsx

@@ -54,7 +54,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -154,4 +155,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1262,4 +1262,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -37,17 +37,17 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="A Detailing"
+        <HeroSplit
+          title="A Detailing"
           description="Premium auto detailing services in San Diego, near SDSU. Expert hand-washing, polishing, and protective coatings for cars that shine."
+          background={{ variant: "glowing-orb" }}
           buttons={[
             { text: "Book Your Appointment", href: "#contact" },
             { text: "Learn More", href: "#services" }
           ]}
           imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
           imageAlt="Professional auto detailing showcase"
-          showDimOverlay={true}
-          logoLineHeight={1.15}
+          imagePosition="right"
         />
       </div>
 
@@ -194,4 +194,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}