Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
@@ -10,7 +10,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Award, Calendar, Crown, Eye, Feather, Heart, Moon, Shield, Skull, Users, Zap, MapPin, Image } from 'lucide-react';
+import { Award, Calendar, Crown, Eye, Feather, Heart, Moon, Shield, Skull, Users, Zap, Image } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -41,19 +41,17 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="asset://logo"
-          description="Marks that stay. Stories that haunt."
+        <HeroOverlay
+          title="Marks that stay. Stories that haunt."
+          description="Premium tattoo studio specializing in blackwork, fine line, gothic, and curse-inspired designs."
           buttons={[
             { text: "Book Your Mark", href: "booking" },
             { text: "View Gallery", href: "gallery" }
           ]}
-          background={{ variant: "plain" }}
-          imageSrc="http://img.b2bpic.net/free-vector/chicano-tattoo-vintage-template_225004-1495.jpg"
-          imageAlt="blackwork tattoo close-up detailed ink"
-          mediaAnimation="slide-up"
-          frameStyle="card"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlavLWOelEmQkqFRvw6DCMXOiw/uploaded-1773171676236-ae47sr53.png"
+          imageAlt="Cursemarks Tattoo Studio"
           buttonAnimation="slide-up"
+          showDimOverlay={false}
         />
       </div>
 
@@ -141,7 +139,7 @@ export default function LandingPage() {
               id: "4",              title: "What areas do you specialize in?",              content: "We specialize in blackwork, fine line, gothic, and curse-inspired designs. Our artists are experienced across all body placements and can advise on sizing and positioning for optimal results."
             },
             {
-              id: "5",              title: "How much does a tattoo cost?",              content: "Pricing depends on size, complexity, and placement. Simple designs start at $150. Custom work is quoted after consultation. A deposit secures your appointment."
+              id: "5",              title: "How much does a tattoo cost?",              content: "Pricing depends on size, complexity, and placement. Simple designs start at $90. Custom work is quoted after consultation. A deposit secures your appointment."
             },
             {
               id: "6",              title: "What should I expect during my session?",              content: "Your artist will finalize the design, prepare the area, and begin the tattoo. Sessions typically last 1-4 hours depending on the design. You'll receive aftercare instructions to ensure proper healing."
@@ -157,9 +155,9 @@ export default function LandingPage() {
         <AboutMetric
           title="Cursemarks is a premium tattoo studio dedicated to meaningful body art, dark aesthetics, and artistic excellence. Every mark carries intention."
           metrics={[
-            { icon: Users, label: "Satisfied Clients", value: "2000+" },
-            { icon: Award, label: "Years of Mastery", value: "45+" },
-            { icon: Zap, label: "Original Designs", value: "5000+" },
+            { icon: Users, label: "Satisfied Clients", value: "100+" },
+            { icon: Award, label: "5 Stars Reviews ", value: "100+ " },
+            { icon: Zap, label: "Original Designs", value: "500+" },
             { icon: Heart, label: "Marks That Matter", value: "Every One" }
           ]}
           useInvertedBackground={false}
@@ -206,22 +204,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <SocialProofOne
-          title="Location & Contact"
-          description="Find us in the heart of the city, where ink meets intention. Reach out to book your mark."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          tag="Studio"
-          tagIcon={MapPin}
-          names={[
-            "📍 123 Shadow Street, Downtown District",            "📞 (555) 867-5309",            "📧 marks@cursemarks.studio",            "🕐 Tue-Sat: 12pm-9pm | Sun: 1pm-6pm"
-          ]}
-          speed={30}
-          showCard={true}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="Cursemarks Tattoo"