Update src/app/page.tsx

Merge version_11 into main

src/app/booking/page.tsx

@@ -213,10 +213,10 @@ export default function BookingPage() {
                   Submit Booking Request
                 </button>
                 <a
-                  href="mailto:walkingforward01@gmail.com"
+                  href="/contact-us"
                   className="flex-1 px-6 py-3 bg-secondary-cta text-secondary-cta-text border border-accent/30 rounded-lg font-semibold hover:opacity-90 transition-opacity text-center"
                 >
-                  Email Direct
+                  Contact Us
                 </a>
               </div>
 
@@ -258,4 +258,4 @@ export default function BookingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact-us/page.tsx

@@ -81,4 +81,4 @@ export default function ContactUsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, Camera, Aperture, Film, Zap, Image } from 'lucide-react';
+import { Camera, Aperture, Film, Zap, Image } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -38,27 +37,12 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <SocialProofOne
-          title="Live Feed from Instagram"
-          description="Follow my latest work and behind-the-scenes moments. Stay connected with my photography journey."
-          names={[
-            "Behind-the-Scenes Access",            "Exclusive Previews",            "Photography Tips & Tutorials",            "Follower Community"
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          tag="Instagram Live Feed"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          buttons={[
-            { text: "Follow on Instagram", href: "https://instagram.com/misaelsphotography" },
-            { text: "View Portfolio", href: "/portfolio" }
-          ]}
-          buttonAnimation="slide-up"
-          speed={40}
-          showCard={true}
-          ariaLabel="Instagram live feed section"
-        />
+      <div id="headline" data-section="headline" className="w-full py-16 px-4 bg-gradient-to-b from-primary-cta/10 to-transparent">
+        <div className="max-w-4xl mx-auto text-center">
+          <h1 className="text-6xl md:text-7xl font-bold text-foreground mb-4">
+            MISAELS PHOTOGRAPHY
+          </h1>
+        </div>
       </div>
 
       <div id="about" data-section="about">
@@ -144,7 +128,8 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Book Now", href: "/booking" }
+            { text: "Book Now", href: "/booking" },
+            { text: "Contact Us", href: "/contact-us" }
           ]}
           animationType="entrance-slide"
           ariaLabel="Booking section call to action"
@@ -181,4 +166,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -188,4 +188,4 @@ export default function PortfolioPage() {
       </div>
     </ThemeProvider>
   );
-}
+}