Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 
 export default function LandingPage() {
   return (
@@ -39,6 +40,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero-overlay" data-section="hero-overlay">
+        <HeroOverlay
+          title="Beautiful Nails in the Heart of Ios"
+          description="Premium manicure & pedicure services in a relaxing, hygienic environment. Discover why 5,000+ happy clients trust us."
+          tag="⭐ 5000+ Happy Clients"
+          tagAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/barber-hand-holdinr-curling-hair_93675-130210.jpg"
+          imageAlt="Professional nail art showcase in Beauty Touch studio"
+          buttons={[
+            { text: "Call Now", href: "tel:+306982324022" },
+            { text: "Book Appointment", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+          overlayOpacity={0.6}
+          overlayColor="#000000"
+          ariaLabel="Hero overlay section for Beauty Touch Ios beauty salon"
+        />
+      </div>
+
       <div id="hero" data-section="hero">
         <HeroBillboardScroll
           title="Beautiful Nails in the Heart of Ios"