Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

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

src/app/page.tsx

@@ -40,7 +40,7 @@ export default function LandingPage() {
         <HeroBillboardScroll
           title="Innovate, Design, Elevate."
           description="We are a California-based tech design studio crafting exceptional digital experiences that drive growth and inspire."
-          background={{ variant: "canvas-reveal" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="CreativeFlow Studio"
           buttons={[{ text: "Our Work", href: "#work" }, { text: "Get a Quote", href: "#contact" }]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-sleek-modern-digital-dashboard-interfa-1771737884487-b2ab6286.png"
@@ -187,7 +187,7 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to build something extraordinary? Let's connect and create your next big idea."
-          buttons={[{ text: "Get in Touch", href: "mailto:hello@creativeflow.com" }, { text: "Schedule a Call", href: "#" }]}
+          buttons={[{ text: "Get in Touch", href: "mailto:hello@creativeflow.com" }, { text: "Schedule a Call", href: "https://cal.com/creativeflow" }]}
           background={{ variant: "radial-gradient" }}
           animationType="entrance-slide"
           useInvertedBackground={false}
@@ -201,4 +201,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}