From d41a2a3c93966f90bb1368ea749528f0f92df6c8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 15:42:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 40 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fec99cf..c7dbf61 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,16 +11,48 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
-const navItems = [{ name: "Services", id: "services" }, { name: "Gallery", id: "gallery" }, { name: "Reviews", id: "reviews" }, { name: "FAQ", id: "faq" }];
+const navItems = [
+  { name: "Services", id: "services" },
+  { name: "Gallery", id: "gallery" },
+  { name: "Reviews", id: "reviews" },
+  { name: "FAQ", id: "faq" }
+];
 
 export default function Page() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline navItems={navItems} brandName="Masked Artist" />
+        <NavbarLayoutFloatingInline 
+          navItems={navItems} 
+          brandName="Masked Artist" 
+          button={{ text: "Book Now", href: "https://wa.me/yournumber" }}
+        />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplitTestimonial useInvertedBackground={false} background={{ variant: "gradient-bars" }} title="Ink Your Identity" description="Experience premium, custom tattoo art where safety meets unmatched aesthetic mastery. Mike brings your vision to life in a clean, high-end environment." testimonials={[{ name: "Alex R.", handle: "@alexart", testimonial: "Got 8 tattoos and counting. Mike is the best in the city, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg" }, { name: "Sarah J.", handle: "@sarahink", testimonial: "Healing was perfect. The studio vibe is incredibly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654168.jpg" }, { name: "Marcus L.", handle: "@marcusl", testimonial: "Clean, precise, and such a great vibe. Highly recommend for custom pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-his-job-side-view_23-2149525944.jpg" }, { name: "Elena K.", handle: "@elena_inks", testimonial: "Absolute perfection. The attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg" }, { name: "David W.", handle: "@dw_tattoos", testimonial: "Best studio experience I have ever had. Mike is a genius.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" }]} buttons={[{ text: "Book via WhatsApp", href: "https://wa.me/yournumber" }]} imageSrc="http://img.b2bpic.net/free-photo/tattoo-studio-with-masters-clients_23-2147834102.jpg" imageAlt="Professional tattoo artist at work" mediaAnimation="slide-up" avatars={[{ src: "http://img.b2bpic.net/free-photo/side-view-emo-girl-spending-time-indoors_23-2149645107.jpg", alt: "Client avatar 1" }, { src: "http://img.b2bpic.net/free-photo/side-view-man-tattooing-customer_23-2149525995.jpg", alt: "Client avatar 2" }, { src: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg", alt: "Client avatar 3" }, { src: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg", alt: "Client avatar 4" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist_23-2149445990.jpg", alt: "Client avatar 5" }]} marqueeItems={[{ type: "text", text: "CUSTOM ART" }, { type: "text", text: "STERILE STUDIO" }, { type: "text", text: "PREMIUM INK" }, { type: "text", text: "UNMATCHED QUALITY" }, { type: "text", text: "YOUR IDENTITY" }]} />
+        <HeroSplitTestimonial 
+          useInvertedBackground={false} 
+          background={{ variant: "gradient-bars" }} 
+          title="Ink Your Identity" 
+          description="Experience premium, custom tattoo art where safety meets unmatched aesthetic mastery. Mike brings your vision to life in a clean, high-end environment." 
+          testimonials={[{ name: "Alex R.", handle: "@alexart", testimonial: "Got 8 tattoos and counting. Mike is the best in the city, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg" }, { name: "Sarah J.", handle: "@sarahink", testimonial: "Healing was perfect. The studio vibe is incredibly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654168.jpg" }, { name: "Marcus L.", handle: "@marcusl", testimonial: "Clean, precise, and such a great vibe. Highly recommend for custom pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-his-job-side-view_23-2149525944.jpg" }, { name: "Elena K.", handle: "@elena_inks", testimonial: "Absolute perfection. The attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg" }, { name: "David W.", handle: "@dw_tattoos", testimonial: "Best studio experience I have ever had. Mike is a genius.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" }]} 
+          buttons={[{ text: "Book via WhatsApp", href: "https://wa.me/yournumber" }]} 
+          imageSrc="http://img.b2bpic.net/free-photo/tattoo-studio-with-masters-clients_23-2147834102.jpg" 
+          imageAlt="Professional tattoo artist at work" 
+          mediaAnimation="slide-up" 
+          avatars={[{ src: "http://img.b2bpic.net/free-photo/side-view-emo-girl-spending-time-indoors_23-2149645107.jpg", alt: "Client avatar 1" }, { src: "http://img.b2bpic.net/free-photo/side-view-man-tattooing-customer_23-2149525995.jpg", alt: "Client avatar 2" }, { src: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg", alt: "Client avatar 3" }, { src: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg", alt: "Client avatar 4" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist_23-2149445990.jpg", alt: "Client avatar 5" }]} 
+          marqueeItems={[{ type: "text", text: "CUSTOM ART" }, { type: "text", text: "STERILE STUDIO" }, { type: "text", text: "PREMIUM INK" }, { type: "text", text: "UNMATCHED QUALITY" }, { type: "text", text: "YOUR IDENTITY" }]} 
+        />
       </div>
       <div id="about" data-section="about">
         <TextSplitAbout useInvertedBackground={true} title="Meet Mike" description={["With years of mastery in clean, high-end tattoo design, Mike is committed to transforming your ideas into lasting art.", "Our studio prioritizes sterile environments and comfort, ensuring your tattoo experience is as safe as it is creative.", "Every piece is a signature of your identity. We don't just ink skin; we build art."]} />
-- 
2.49.1