src/app/page.tsx

@@ -13,7 +13,7 @@ export default function Home() {
     { name: 'About', id: '#about' },
     { name: 'Contact', id: '#contact' }
   ];
-  
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -31,7 +31,7 @@ export default function Home() {
         <NavbarLayoutFloatingOverlay navItems={navItems} brandName="Oltre Studios" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboard 
+        <HeroBillboard
           background={{ variant: "plain" }}
           title="Your brand looks smaller than it is. We fix that."
           description="Premium brand playbooks and monthly social media retainers for small businesses and startups."
@@ -55,14 +55,14 @@ export default function Home() {
         />
       </div>
       <div id="about" data-section="about">
-        <TextAbout 
+        <TextAbout
           title="Oltre means beyond. That is exactly where we take your brand."
           tag="Our Philosophy"
           useInvertedBackground={false}
         />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwentyThree 
+        <FeatureCardTwentyThree
           animationType="slide-up"
           textboxLayout="split"
           useInvertedBackground={true}
@@ -75,7 +75,7 @@ export default function Home() {
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit 
+        <ContactSplit
           tag="Ready to go beyond?"
           title="Book a Free Call"
           description="Ready to scale? Call us at +91 91366 64922 to discuss your brand."
@@ -86,7 +86,7 @@ export default function Home() {
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBase 
+        <FooterBase
           logoText="Oltre Studios"
           columns={[
             { title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },