Update src/components/sections/feature/featureHoverPattern/usePatternInteraction.ts

Merge version_7 into main

docs/PREVIEW_PAGE_STANDARDS.md

@@ -356,7 +356,7 @@ const products = [
 ```tsx
 const testimonials = [
   {
-    name: "Sarah Johnson",
+    name: "Vickie Robbins",
     role: "CEO, TechCorp",
     content: "This component library transformed our development workflow. Highly recommend!",
     image: "/images/avatar-1.jpg",

fontThemes.json

@@ -171,7 +171,7 @@
     },
     "publicSansInter": {
       "name": "Public Sans + Inter",
-      "description": "Government-inspired headings with neutral body. Professional and trustworthy.",
+      "description": "Government-inspired headings with neutral body. I love my eyeliner enhancement! Jordan did a fantastic job. She explained the process in the beginning and during which keep my anxiety level way down. I am pleased with the results. I highly recommend! and trustworthy.",
       "headingFont": "publicSans",
       "bodyFont": "inter",
       "imports": "import { Public_Sans } from \"next/font/google\";\nimport { Inter } from \"next/font/google\";",

registry/components/FeatureCardTwentyFive.json

@@ -18,7 +18,7 @@
       },
       "tag": {
         "required": false,
-        "example": "Services",
+        "example": "",
         "minChars": 2,
         "maxChars": 30
       }

registry/components/FeatureCardTwentySeven.json

@@ -6,7 +6,7 @@
     "textRules": {
       "title": {
         "required": true,
-        "example": "Our Services",
+        "example": "Our ",
         "minChars": 2,
         "maxChars": 50
       },
@@ -18,7 +18,7 @@
       },
       "tag": {
         "required": false,
-        "example": "Services",
+        "example": "",
         "minChars": 2,
         "maxChars": 30
       }
@@ -73,7 +73,7 @@
     "cardTitleClassName?": "string",
     "cardDescriptionClassName?": "string"
   },
-  "usageExample": "<FeatureCardTwentySeven features={[{ id: '1', title: 'Web Development', description: 'Custom websites built with modern technologies.', imageSrc: '/service1.jpg', imageAlt: 'Web Development' }]} gridVariant=\"uniform-4-items\" animationType=\"slide-up\" title=\"Our Services\" description=\"Discover what makes us different\" textboxLayout=\"default\" useInvertedBackground=\"noInvert\" />",
+  "usageExample": "<FeatureCardTwentySeven features={[{ id: '1', title: 'Web Development', description: 'Custom websites built with modern technologies.', imageSrc: '/service1.jpg', imageAlt: 'Web Development' }]} gridVariant=\"uniform-4-items\" animationType=\"slide-up\" title=\"Our \" description=\"Discover what makes us different\" textboxLayout=\"default\" useInvertedBackground=\"noInvert\" />",
   "do": [
     "Use for interactive feature showcases where exploration is desired",
     "Best for 3-6 items (4 recommended)",

registry/components/HeroBillboardTestimonial.json

@@ -27,7 +27,7 @@
       "testimonials": {
         "required": true,
         "minItems": 1,
-        "example": "[{ name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'Amazing product!', rating: 5, imageSrc: '/avatar.jpg' }]",
+        "example": "[{ name: 'Vickie Robbins', handle: 'CEO, TechCorp', testimonial: 'Amazing product!', rating: 5, imageSrc: '/avatar.jpg' }]",
         "note": "Array of testimonial objects. Each requires name, handle, testimonial text, and rating (1-5). imageSrc is optional."
       },
       "testimonialRotationInterval": {
@@ -117,7 +117,7 @@
     "marqueeTextClassName?": "string",
     "marqueeIconClassName?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroBillboardTestimonial \n    background={{ variant: 'glowing-orb' }}\n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    tag=\"New Release\"\n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    mediaAnimation=\"slide-up\"\n    testimonials={[{ name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' }]}\n    buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroBillboardTestimonial \n    background={{ variant: 'glowing-orb' }}\n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    tag=\"New Release\"\n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    mediaAnimation=\"slide-up\"\n    testimonials={[{ name: 'Vickie Robbins', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' }]}\n    buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages with social proof",
     "Use for product showcases with testimonials",

registry/components/HeroSplitDualMedia.json

@@ -24,7 +24,7 @@
       },
       "ratingText": {
         "required": true,
-        "example": "Rated by loving Clients",
+        "example": "Rated by loving Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s",
         "minChars": 2,
         "maxChars": 50
       }
@@ -89,7 +89,7 @@
     "ratingClassName?": "string",
     "ratingTextClassName?": "string"
   },
-  "usageExample": "<HeroSplitDualMedia background={{ variant: 'plain' }} tag=\"Business Coach\" tagIcon={Sparkles} title=\"Transform your business with proven strategies\" description=\"I help entrepreneurs and executives unlock their full potential and build thriving businesses.\" mediaItems={[{ imageSrc: '/image1.jpg', imageAlt: 'Coaching' }, { imageSrc: '/image2.jpg', imageAlt: 'Growth' }]} rating={5} ratingText=\"Rated by loving Clients\" buttons={[{ text: 'Book a Call', href: '#' }]} />",
+  "usageExample": "<HeroSplitDualMedia background={{ variant: 'plain' }} tag=\"Business Coach\" tagIcon={Sparkles} title=\"Transform your business with proven strategies\" description=\"I help entrepreneurs and executives unlock their full potential and build thriving businesses.\" mediaItems={[{ imageSrc: '/image1.jpg', imageAlt: 'Coaching' }, { imageSrc: '/image2.jpg', imageAlt: 'Growth' }]} rating={5} ratingText=\"Rated by loving Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s\" buttons={[{ text: 'Book a Call', href: '#' }]} />",
   "do": [
     "Use for coaching, consulting, or service-focused landing pages",
     "Include exactly 2 media items",

registry/components/HeroSplitTestimonial.json

@@ -27,7 +27,7 @@
       "testimonials": {
         "required": true,
         "minItems": 1,
-        "example": "[{ name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'Amazing product!', rating: 5, imageSrc: '/avatar.jpg' }]",
+        "example": "[{ name: 'Vickie Robbins', handle: 'CEO, TechCorp', testimonial: 'Amazing product!', rating: 5, imageSrc: '/avatar.jpg' }]",
         "note": "Array of testimonial objects. Each requires name, handle, testimonial text, and rating (1-5). imageSrc is optional."
       },
       "testimonialRotationInterval": {
@@ -121,7 +121,7 @@
     "marqueeTextClassName?": "string",
     "marqueeIconClassName?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroSplitTestimonial \n    background={{ variant: 'glowing-orb' }}\n    title=\"Build Better Products\" \n    description=\"Create exceptional user experiences with our design system\" \n    tag=\"New Release\"\n    imagePosition=\"right\" \n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    testimonials={[{ name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' }]}\n    buttons={[{ text: 'Start Building', href: 'https://example.com' }, { text: 'View Demo', href: 'demo' }]} \n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroSplitTestimonial \n    background={{ variant: 'glowing-orb' }}\n    title=\"Build Better Products\" \n    description=\"Create exceptional user experiences with our design system\" \n    tag=\"New Release\"\n    imagePosition=\"right\" \n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    testimonials={[{ name: 'Vickie Robbins', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' }]}\n    buttons={[{ text: 'Start Building', href: 'https://example.com' }, { text: 'View Demo', href: 'demo' }]} \n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages with social proof",
     "Use for product showcases with testimonials",

registry/components/NavbarStyleCentered.json

@@ -56,7 +56,7 @@
     "brandName?": "string (default: 'Webild')",
     "className?": "string (default: '')"
   },
-  "usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Get Started', href: 'contact'}} />",
+  "usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: '', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Get Started', href: 'contact'}} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/NavbarStyleFullscreen.json

@@ -54,7 +54,7 @@
     "bottomRightText?": "string (default: 'hello@example.com')",
     "topBarClassName?": "string (default: '')"
   },
-  "usageExample": "<NavbarStyleFullscreen navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} bottomLeftText=\"Global Community\" bottomRightText=\"hello@example.com\" />",
+  "usageExample": "<NavbarStyleFullscreen navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: '', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} bottomLeftText=\"Global Community\" bottomRightText=\"hello@example.com\" />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/TeamCardFive.json

@@ -32,7 +32,7 @@
       },
       "name": {
         "required": true,
-        "example": "Sarah Johnson",
+        "example": "Vickie Robbins",
         "minChars": 2,
         "maxChars": 50,
         "note": "Team member name displayed at 2xl font-medium, centered with truncate"
@@ -56,12 +56,12 @@
       },
       "imageAlt": {
         "required": false,
-        "example": "Portrait of Sarah Johnson",
+        "example": "Portrait of Vickie Robbins",
         "note": "Alt text for image (defaults to member name if not provided)"
       },
       "videoAriaLabel": {
         "required": false,
-        "example": "Video of Sarah Johnson",
+        "example": "Video of Vickie Robbins",
         "note": "ARIA label for video (defaults to member name if not provided)"
       }
     },
@@ -104,7 +104,7 @@
     "nameClassName?": "string",
     "roleClassName?": "string"
   },
-  "usageExample": "<TeamCardFive team={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }, { id: '3', name: 'Emma Davis', role: 'Head of Design', imageSrc: '/team/emma.jpg' }, { id: '4', name: 'James Wilson', role: 'Lead Developer', imageSrc: '/team/james.jpg' }]} animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
+  "usageExample": "<TeamCardFive team={[{ id: '1', name: 'Vickie Robbins', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }, { id: '3', name: 'Emma Davis', role: 'Head of Design', imageSrc: '/team/emma.jpg' }, { id: '4', name: 'James Wilson', role: 'Lead Developer', imageSrc: '/team/james.jpg' }]} animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
   "do": [
     "Use for team pages",
     "Use for staff directories",

registry/components/TeamCardSix.json

@@ -32,7 +32,7 @@
       },
       "name": {
         "required": true,
-        "example": "Sarah Johnson",
+        "example": "Vickie Robbins",
         "minChars": 2,
         "maxChars": 50,
         "note": "Team member name displayed at 2xl font-medium with truncate in blurred overlay"
@@ -56,12 +56,12 @@
       },
       "imageAlt": {
         "required": false,
-        "example": "Portrait of Sarah Johnson",
+        "example": "Portrait of Vickie Robbins",
         "note": "Alt text for image (defaults to member name if not provided)"
       },
       "videoAriaLabel": {
         "required": false,
-        "example": "Video of Sarah Johnson",
+        "example": "Video of Vickie Robbins",
         "note": "Aria label for video (defaults to member name if not provided)"
       }
     }
@@ -103,7 +103,7 @@
     "textBoxButtonClassName?": "string",
     "textBoxButtonTextClassName?": "string"
   },
-  "usageExample": "<TeamCardSix members={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }]} gridVariant=\"uniform-all-items-equal\" animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
+  "usageExample": "<TeamCardSix members={[{ id: '1', name: 'Vickie Robbins', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }]} gridVariant=\"uniform-all-items-equal\" animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
   "do": [
     "Use for about pages",
     "Use for company information",

registry/components/TestimonialCardFive.json

@@ -6,7 +6,7 @@
     "textRules": {
       "title": {
         "required": true,
-        "example": "What Our Clients Say",
+        "example": "What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say",
         "minChars": 2,
         "maxChars": 50
       },
@@ -89,7 +89,7 @@
       },
       "videoAriaLabel": {
         "required": false,
-        "example": "Client testimonial video",
+        "example": "Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier!  testimonial video",
         "note": "ARIA label for testimonial video"
       },
       "avatarAlt": {
@@ -142,7 +142,7 @@
     "textBoxButtonClassName?": "string",
     "textBoxButtonTextClassName?": "string"
   },
-  "usageExample": "<TestimonialCardFive testimonials={[{ id: '1', name: 'Alisa Hester, CEO of Ecomflow', date: 'Date: 28 October 2024', title: 'We\\'ve got only good things to say!', quote: 'We have been working with them for over 6 months now, and have been able to scale our business to new heights.', tag: 'Standard Line', avatarSrc: '/avatar.jpg', imageSrc: '/testimonial.jpg' }]} title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
+  "usageExample": "<TestimonialCardFive testimonials={[{ id: '1', name: 'Alisa Hester, CEO of Ecomflow', date: 'Date: 28 October 2024', title: 'We\\'ve got only good things to say!', quote: 'We have been working with them for over 6 months now, and have been able to scale our business to new heights.', tag: 'Standard Line', avatarSrc: '/avatar.jpg', imageSrc: '/testimonial.jpg' }]} title=\"What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
   "do": [
     "Use for social proof",
     "Use for customer reviews",

registry/components/TestimonialCardSix.json

@@ -6,7 +6,7 @@
     "textRules": {
       "title": {
         "required": true,
-        "example": "What Our Clients Say",
+        "example": "What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say",
         "minChars": 2,
         "maxChars": 50
       },
@@ -32,7 +32,7 @@
       },
       "name": {
         "required": true,
-        "example": "Sarah Johnson",
+        "example": "Vickie Robbins",
         "minChars": 2,
         "maxChars": 50
       },
@@ -57,7 +57,7 @@
       },
       "imageAlt": {
         "required": false,
-        "example": "Sarah Johnson",
+        "example": "Vickie Robbins",
         "note": "Alt text for avatar image"
       },
       "icon": {
@@ -110,7 +110,7 @@
     "textBoxButtonClassName?": "string",
     "textBoxButtonTextClassName?": "string"
   },
-  "usageExample": "<TestimonialCardSix testimonials={[{ id: '1', name: 'Sarah Johnson', handle: '@sarahj', testimonial: 'This component library has transformed our development workflow. The quality and attention to detail is exceptional.', imageSrc: '/avatar1.jpg', imageAlt: 'Sarah Johnson' }, { id: '2', name: 'Michael Chen', handle: '@mchen', testimonial: 'Incredibly well-designed components that are both beautiful and functional. Highly recommend!', imageSrc: '/avatar2.jpg', imageAlt: 'Michael Chen' }]} animationType=\"slide-up\" title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
+  "usageExample": "<TestimonialCardSix testimonials={[{ id: '1', name: 'Vickie Robbins', handle: '@sarahj', testimonial: 'This component library has transformed our development workflow. The quality and attention to detail is exceptional.', imageSrc: '/avatar1.jpg', imageAlt: 'Vickie Robbins' }, { id: '2', name: 'Michael Chen', handle: '@mchen', testimonial: 'Incredibly well-designed components that are both beautiful and functional. Highly recommend!', imageSrc: '/avatar2.jpg', imageAlt: 'Michael Chen' }]} animationType=\"slide-up\" title=\"What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
   "do": [
     "Use for social proof",
     "Use for customer reviews",

registry/components/TestimonialCardSixteen.json

@@ -6,7 +6,7 @@
     "textRules": {
       "title": {
         "required": true,
-        "example": "What Our Clients Say",
+        "example": "What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say",
         "minChars": 2,
         "maxChars": 50
       },
@@ -29,9 +29,9 @@
       "recommendedItems": "3",
       "structure": {
         "id": "string - Unique identifier (required)",
-        "name": "string - Client name (required)",
-        "role": "string - Client role/position (required)",
-        "company": "string - Client company (required)",
+        "name": "string - Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier!  name (required)",
+        "role": "string - Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier!  role/position (required)",
+        "company": "string - Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier!  company (required)",
         "rating": "number - Star rating 0-5 (required)",
         "imageSrc?": "string - Path to client image",
         "videoSrc?": "string - Path to client video",
@@ -90,7 +90,7 @@
     "textBoxButtonClassName?": "string",
     "textBoxButtonTextClassName?": "string"
   },
-  "usageExample": "<TestimonialCardSixteen testimonials={[{ id: '1', name: 'Alisa Hester', role: 'PM', company: 'Web Design Agency', rating: 5, imageSrc: '/placeholder.jpg' }]} kpiItems={[{ value: '180+', label: 'Projects completed' }, { value: '96%', label: 'Client satisfaction' }, { value: '15+', label: 'Years experience' }]} animationType=\"slide-up\" title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
+  "usageExample": "<TestimonialCardSixteen testimonials={[{ id: '1', name: 'Alisa Hester', role: 'PM', company: 'Web Design Agency', rating: 5, imageSrc: '/placeholder.jpg' }]} kpiItems={[{ value: '180+', label: 'Projects completed' }, { value: '96%', label: 'Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier!  satisfaction' }, { value: '15+', label: 'Years experience' }]} animationType=\"slide-up\" title=\"What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
   "do": [
     "Use for testimonial sections with visual emphasis on people",
     "Include exactly 3 KPI items for the bottom section",

registry/components/TestimonialCardThirteen.json

@@ -6,7 +6,7 @@
     "textRules": {
       "title": {
         "required": true,
-        "example": "What Our Clients Say",
+        "example": "What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say",
         "minChars": 2,
         "maxChars": 50
       },
@@ -31,7 +31,7 @@
       },
       "name": {
         "required": true,
-        "example": "Sarah Johnson",
+        "example": "Vickie Robbins",
         "minChars": 2,
         "maxChars": 50
       },
@@ -105,7 +105,7 @@
     "carouselClassName?": "string",
     "controlsClassName?": "string"
   },
-  "usageExample": "<TestimonialCardThirteen testimonials={[{ id: '1', name: 'Jack', handle: '@jack', testimonial: 'Amazing experience!', rating: 5, icon: Quote }, { id: '2', name: 'Sarah', handle: '@sarah', testimonial: 'Highly recommended!', rating: 4, imageSrc: '/testimonials/sarah.jpg' }]} showRating={true} title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
+  "usageExample": "<TestimonialCardThirteen testimonials={[{ id: '1', name: 'Jack', handle: '@jack', testimonial: 'Amazing experience!', rating: 5, icon: Quote }, { id: '2', name: 'Sarah', handle: '@sarah', testimonial: 'Highly recommended!', rating: 4, imageSrc: '/testimonials/sarah.jpg' }]} showRating={true} title=\"What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
   "do": [
     "Use for social proof",
     "Use for customer reviews",

registry/components/TestimonialCardTwelve.json

@@ -26,7 +26,7 @@
       },
       "name": {
         "required": true,
-        "example": "Sarah Johnson",
+        "example": "Vickie Robbins",
         "minChars": 2,
         "maxChars": 50,
         "note": "Used as fallback for imageAlt"
@@ -38,7 +38,7 @@
       },
       "imageAlt": {
         "required": false,
-        "example": "Sarah Johnson",
+        "example": "Vickie Robbins",
         "minChars": 2,
         "maxChars": 50,
         "note": "Alt text for accessibility (defaults to name)"
@@ -67,7 +67,7 @@
     "cardTitleClassName?": "string",
     "cardTagClassName?": "string"
   },
-  "usageExample": "<TestimonialCardTwelve testimonials={[{ id: '1', name: 'Sarah Johnson', imageSrc: '/testimonials/sarah.jpg' }, { id: '2', name: 'Michael Chen', imageSrc: '/testimonials/michael.jpg' }, { id: '3', name: 'Emma Davis', imageSrc: '/testimonials/emma.jpg' }, { id: '4', name: 'James Wilson', imageSrc: '/testimonials/james.jpg' }]} cardTitle=\"Over 10,000 customers trust us to deliver exceptional results\" cardTag=\"See what they say\" useInvertedBackground={false} />",
+  "usageExample": "<TestimonialCardTwelve testimonials={[{ id: '1', name: 'Vickie Robbins', imageSrc: '/testimonials/sarah.jpg' }, { id: '2', name: 'Michael Chen', imageSrc: '/testimonials/michael.jpg' }, { id: '3', name: 'Emma Davis', imageSrc: '/testimonials/emma.jpg' }, { id: '4', name: 'James Wilson', imageSrc: '/testimonials/james.jpg' }]} cardTitle=\"Over 10,000 customers trust us to deliver exceptional results\" cardTag=\"See what they say\" useInvertedBackground={false} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

src/app/page.tsx

@@ -30,7 +30,7 @@ export default function LandingPage() {
         <NavbarStyleApple
           brandName="Belle Precisions"
           navItems={[
-            { name: "Services", id: "services" },
+            { name: "", id: "services" },
             { name: "Why Us", id: "why-us" },
             { name: "Reviews", id: "reviews" },
             { name: "FAQ", id: "faq" },
@@ -42,30 +42,38 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroSplitDoubleCarousel
           title="Wake Up Confident. Every Day."
-          description="Professional permanent makeup in Hot Springs, AR designed to save you time and enhance your natural beauty. 5-star rated, women-owned clinic specializing in precision eyeliner enhancement."
-          tag="5-Star Rated Local Clinic"
+          description="I love my eyeliner enhancement! Jordan did a fantastic job. She explained the process in the beginning and during which keep my anxiety level way down. I am pleased with the results. I highly recommend! permanent makeup in Hot Springs, AR designed to save you time and enhance your natural beauty. 5-star rated, women-owned clinic specializing in precision eyeliner enhancement."
+          tag="⭐ 5-Star Rated | 200+ Happy Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s"
           tagIcon={Star}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           leftCarouselItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bride-getting-ready-wedding_23-2149860801.jpg?_wi=1",              imageAlt: "Permanent eyeliner enhancement procedure"},
+              imageSrc: "https://images.unsplash.com/photo-1560066169-b279a6a4ac0f?w=800&q=80&_wi=1",              imageAlt: "Permanent eyeliner enhancement procedure"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036921.jpg?_wi=1",              imageAlt: "Before and after permanent makeup results"},
+              imageSrc: "https://images.unsplash.com/photo-1576091160550-112173f7f869?w=800&q=80&_wi=1",              imageAlt: "Before and after permanent makeup results"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1",              imageAlt: "Belle Precisions professional studio"},
+              imageSrc: "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=800&q=80&_wi=1",              imageAlt: "Belle Precisions professional studio"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-cosmetology-reception_624325-2598.jpg?_wi=1",              imageAlt: "Professional consultation appointment"},
+              imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b3f4?w=800&q=80&_wi=1",              imageAlt: "I love my eyeliner enhancement! Jordan did a fantastic job. She explained the process in the beginning and during which keep my anxiety level way down. I am pleased with the results. I highly recommend! consultation appointment"
+            },
           ]}
           rightCarouselItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/female-master-put-eyebrow-paint-make-up-procedure_231208-3537.jpg?_wi=1",              imageAlt: "Eyeliner enhancement service"},
+              imageSrc: "https://images.unsplash.com/photo-1576091160623-112ba8d25d1d?w=800&q=80&_wi=1",              imageAlt: "Eyeliner enhancement service"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036921.jpg?_wi=2",              imageAlt: "Permanent makeup transformation"},
+              imageSrc: "https://images.unsplash.com/photo-1576091160550-112173f7f869?w=800&q=80&_wi=2",              imageAlt: "Permanent makeup transformation"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=2",              imageAlt: "Clean professional environment"},
+              imageSrc: "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=800&q=80&_wi=2",              imageAlt: "Clean professional environment"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-cosmetology-reception_624325-2598.jpg?_wi=2",              imageAlt: "Expert consultation with specialist"},
+              imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b3f4?w=800&q=80&_wi=2",              imageAlt: "Expert consultation with specialist"
+            },
           ]}
           buttons={[
             { text: "Book Your Appointment", href: "https://belleprecisions.square.site" },
@@ -73,17 +81,23 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
+          avatars={[
+            { src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", alt: "Vickie Robbins" },
+            { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Holly Irons " },
+            { src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", alt: "Belinda Cosgrove" },
+          ]}
+          avatarText="200+ Happy Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s"
         />
       </div>
 
       <div id="trust-section" data-section="trust-section">
         <AboutMetric
-          title="Trusted by Hundreds of Happy Clients in Hot Springs"
+          title="Trusted by Hundreds of Happy Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s in Hot Springs"
           metrics={[
             { icon: Star, label: "5-Star Rating", value: "4 Reviews" },
             { icon: Heart, label: "Women-Owned", value: "Since 2018" },
             { icon: Clock, label: "Time Saved Daily", value: "15-30 min" },
-            { icon: Shield, label: "Client Satisfaction", value: "100%" },
+            { icon: Shield, label: "Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier!  Satisfaction", value: "100%" },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -92,17 +106,17 @@ export default function LandingPage() {
 
       <div id="services" data-section="services">
         <FeatureCardMedia
-          title="Our Services"
+          title="Our "
           description="Precision cosmetic enhancements designed to enhance your natural beauty and save you time every morning"
           features={[
             {
-              id: "consultation",              title: "Consultation Services",              description: "Personalized consultation to discuss your goals, concerns, and what to expect. We prioritize making nervous clients feel at ease.",              tag: "Personalized",              imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-cosmetology-reception_624325-2598.jpg?_wi=3",              imageAlt: "Professional consultation service",              buttons: [{ text: "Learn More", href: "tel:(501)359-2175" }],
+              id: "consultation",              title: "Consultation ",              description: "Personalized consultation to discuss your goals, concerns, and what to expect. We prioritize making nervous clients feel at ease.",              tag: "Personalized",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUfZ6EApIqxNnaHGb7WnzEObqO/uploaded-1772652899819-6tpq87ta.png",              imageAlt: "I love my eyeliner enhancement! Jordan did a fantastic job. She explained the process in the beginning and during which keep my anxiety level way down. I am pleased with the results. I highly recommend! consultation service"
             },
             {
-              id: "eyeliner",              title: "Permanent Eyeliner Enhancement",              description: "Expert permanent eyeliner application that's smudge-proof, water-resistant, and perfectly even. Wake up confident every single day.",              tag: "Most Popular",              imageSrc: "http://img.b2bpic.net/free-photo/female-master-put-eyebrow-paint-make-up-procedure_231208-3537.jpg?_wi=2",              imageAlt: "Permanent eyeliner enhancement procedure",              buttons: [{ text: "Book Now", href: "https://belleprecisions.square.site" }],
+              id: "eyeliner",              title: "Permanent Eyeliner Enhancement",              description: "Expert permanent eyeliner application that's smudge-proof, water-resistant, and perfectly even. Wake up confident every single day.",              tag: "Most Popular",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUfZ6EApIqxNnaHGb7WnzEObqO/uploaded-1772653517011-6grnxoqm.png",              imageAlt: "Permanent eyeliner enhancement procedure",              buttons: [{ text: "Book Now", href: "https://belleprecisions.square.site" }],
             },
             {
-              id: "follow-up",              title: "Follow-Up & Touch-Ups",              description: "Professional follow-up appointments to ensure perfect results and answer any questions. We're committed to your satisfaction.",              tag: "Support",              imageSrc: "http://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036921.jpg?_wi=3",              imageAlt: "Before and after permanent makeup results",              buttons: [{ text: "Schedule", href: "https://belleprecisions.square.site" }],
+              id: "follow-up",              title: "Follow-Up & Touch-Ups",              description: "I love my eyeliner enhancement! Jordan did a fantastic job. She explained the process in the beginning and during which keep my anxiety level way down. I am pleased with the results. I highly recommend! follow-up appointments to ensure perfect results and answer any questions. We're committed to your satisfaction.",              tag: "Support",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUfZ6EApIqxNnaHGb7WnzEObqO/uploaded-1772653346058-0qsm20cd.png",              imageAlt: "Before and after permanent makeup results",              buttons: [{ text: "Schedule", href: "https://belleprecisions.square.site" }],
             },
           ]}
           animationType="slide-up"
@@ -117,13 +131,14 @@ export default function LandingPage() {
           description="We combine expertise, comfort, and precision to deliver exceptional results you'll love"
           products={[
             {
-              id: "1",              name: "5-Star Rated Service",              price: "Expert Care",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bride-getting-ready-wedding_23-2149860801.jpg?_wi=2",              imageAlt: "Professional permanent makeup service"},
+              id: "1",              name: "5-Star Rated Service",              price: "Expert Care",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUfZ6EApIqxNnaHGb7WnzEObqO/uploaded-1772653494539-2rki62c3.png",              imageAlt: "I love my eyeliner enhancement! Jordan did a fantastic job. She explained the process in the beginning and during which keep my anxiety level way down. I am pleased with the results. I highly recommend! permanent makeup service"
+            },
             {
-              id: "2",              name: "Anxiety-Reducing Experience",              price: "You Feel Safe",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=3",              imageAlt: "Calming professional environment"},
+              id: "3",              name: "Clear Process Explanation",              price: "Knowledge & Confidence",              imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-applying-eyeshadow-face_23-2148332492.jpg?id=5863649",              imageAlt: "Expert consultation and guidance"
+            },
             {
-              id: "3",              name: "Clear Process Explanation",              price: "Knowledge & Confidence",              imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-cosmetology-reception_624325-2598.jpg?_wi=4",              imageAlt: "Expert consultation and guidance"},
-            {
-              id: "4",              name: "Precision-Focused Results",              price: "Perfect Every Time",              imageSrc: "http://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036921.jpg?_wi=4",              imageAlt: "Flawless permanent makeup results"},
+              id: "4",              name: "Precision-Focused Results",              price: "Perfect Every Time",              imageSrc: "http://img.b2bpic.net/premium-photo/eyebrows-girl-with-result-permanent-makeup-procedure-eyebrow-permanent-makeup-cosmetic-procedure_320071-5028.jpg?id=62220688",              imageAlt: "Flawless permanent makeup results"
+            },
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -134,21 +149,25 @@ export default function LandingPage() {
 
       <div id="reviews" data-section="reviews">
         <TestimonialCardOne
-          title="What Our Clients Say"
+          title="What Our Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! s Say"
           description="Real feedback from satisfied clients who trusted us with their beauty and confidence"
           testimonials={[
             {
-              id: "1",              name: "Sarah Johnson",              role: "Busy Mom",              company: "Hot Springs Local",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",              imageAlt: "Portrait of satisfied client Sarah"},
+              id: "1",              name: "Vickie Robbins",              role: "Jordan was great!  Love my permanent eyeliner!  I was nervous, but she made it a great experience.  It is a time saver in the mornings.  It looks perfect and you don’t have to worry about smudging!",              company: "",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg?id=11072659",              imageAlt: "Portrait of satisfied client Sarah"
+            },
             {
-              id: "2",              name: "Michelle Chen",              role: "Professional",              company: "Business Owner",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg?_wi=1",              imageAlt: "Portrait of satisfied client Michelle"},
+              id: "2",              name: "Holly Irons ",              role: "I love my eyeliner enhancement! Jordan did a fantastic job. She explained the process in the beginning and during which keep my anxiety level way down. I am pleased with the results. I highly recommend!",              company: "",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-camera-sincerely-smiling-asian-woman-standing-white-background_574295-5989.jpg?id=27567628",              imageAlt: "Portrait of satisfied client Michelle"
+            },
             {
-              id: "3",              name: "Emily Rodriguez",              role: "Retired Teacher",              company: "Community Member",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2",              imageAlt: "Portrait of satisfied client Emily"},
+              id: "3",              name: "Belinda Cosgrove",              role: "Jordan did a great job on my eyeliner. It saves time in the morning and my eyeliner is always even and straight. I highly recommend Jordan! ",              company: "",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/premium-photo/smiling-beautiful-brunette-relaxing-couch-looking-camera_13339-118180.jpg?id=1682068",              imageAlt: "Portrait of satisfied client Emily"
+            },
             {
-              id: "4",              name: "Jessica Williams",              role: "Client",              company: "Hot Springs Community",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg?_wi=2",              imageAlt: "Portrait of satisfied client Jessica"},
+              id: "4",              name: "Jessica Williams",              role: "Jordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! ",              company: "",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/premium-photo/portrait-close-up-smiling-african-american-woman-garden-looking-camera-family-enjoying-time-home-lifestyle-concept_13339-304450.jpg?id=58616481",              imageAlt: "Portrait of satisfied client Jessica"
+            },
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -163,17 +182,23 @@ export default function LandingPage() {
           sideDescription="Everything you need to know about permanent eyeliner and our services"
           faqs={[
             {
-              id: "1",              title: "Does permanent eyeliner hurt?",              content: "Most clients report minimal discomfort. We use topical numbing cream to ensure your comfort throughout the procedure. Many describe it as a gentle sensation rather than pain."},
+              id: "1",              title: "Does permanent eyeliner hurt?",              content: "Most clients report minimal discomfort. We use topical numbing cream to ensure your comfort throughout the procedure. Many describe it as a gentle sensation rather than pain."
+            },
             {
-              id: "2",              title: "How long does the appointment take?",              content: "Initial appointments typically take 1.5-2 hours, including consultation, numbing time, and application. Follow-up appointments are usually 30-45 minutes."},
+              id: "2",              title: "How long does the appointment take?",              content: "Initial appointments typically take 1.5-2 hours, including consultation, numbing time, and application. Follow-up appointments are usually 30-45 minutes."
+            },
             {
-              id: "3",              title: "How long will it last?",              content: "Permanent eyeliner typically lasts 2-5 years depending on skin type, sun exposure, and aftercare. Touch-ups can refresh the color and shape as needed."},
+              id: "3",              title: "How long will it last?",              content: "Permanent eyeliner typically lasts 2-5 years depending on skin type, sun exposure, and aftercare. Touch-ups can refresh the color and shape as needed."
+            },
             {
-              id: "4",              title: "Is it safe?",              content: "Yes. We use sterile, professional-grade equipment and follow strict hygiene protocols. All pigments are cosmetic-grade and hypoallergenic."},
+              id: "4",              title: "Is it safe?",              content: "Yes. We use sterile, professional-grade equipment and follow strict hygiene protocols. All pigments are cosmetic-grade and hypoallergenic."
+            },
             {
-              id: "5",              title: "What is healing like?",              content: "Healing typically takes 7-10 days. You may experience slight redness and swelling initially. We provide detailed aftercare instructions to ensure optimal results."},
+              id: "5",              title: "What is healing like?",              content: "Healing typically takes 7-10 days. You may experience slight redness and swelling initially. We provide detailed aftercare instructions to ensure optimal results."
+            },
             {
-              id: "6",              title: "What if I'm nervous?",              content: "We specialize in making nervous clients feel comfortable and safe. We take time to explain every step, answer questions, and work at your pace. Your comfort is our priority."},
+              id: "6",              title: "What if I'm nervous?",              content: "We specialize in making nervous clients feel comfortable and safe. We take time to explain every step, answer questions, and work at your pace. Your comfort is our priority."
+            },
           ]}
           faqsAnimation="slide-up"
           textPosition="left"
@@ -187,15 +212,19 @@ export default function LandingPage() {
           ctaTitle="Ready to Simplify Your Morning Routine?"
           ctaDescription="Schedule your consultation today and discover how permanent eyeliner can save you time and boost your confidence."
           ctaButton={{
-            text: "Book Your Appointment",            href: "https://belleprecisions.square.site"}}
+            text: "Book Your Appointment",            href: "https://belleprecisions.square.site"
+          }}
           ctaIcon={Calendar}
           faqs={[
             {
-              id: "1",              title: "How do I book an appointment?",              content: "You can book online through our Square booking system or call us at (501) 359-2175. We offer flexible scheduling to accommodate your needs."},
+              id: "1",              title: "How do I book an appointment?",              content: "You can book online through our Square booking system or call us at (501) 359-2175. We offer flexible scheduling to accommodate your needs."
+            },
             {
-              id: "2",              title: "What should I do before my appointment?",              content: "Avoid caffeine and blood thinners for 24 hours before your appointment. Come with a clean face and no heavy makeup. We'll provide a full pre-care guide when you book."},
+              id: "2",              title: "What should I do before my appointment?",              content: "Avoid caffeine and blood thinners for 24 hours before your appointment. Come with a clean face and no heavy makeup. We'll provide a full pre-care guide when you book."
+            },
             {
-              id: "3",              title: "Do you offer touch-ups or refunds?",              content: "We stand behind our work with complimentary touch-ups within the first 30 days if needed. Satisfaction is guaranteed."},
+              id: "3",              title: "What are our business hours?",              content: "We're open Monday through Saturday, 9:00 AM to 5:00 PM. Sunday is closed. Walk-ins are welcome, but appointments are recommended to ensure your preferred time slot."
+            },
           ]}
           useInvertedBackground={false}
           animationType="slide-up"
@@ -208,17 +237,17 @@ export default function LandingPage() {
           copyrightText="© 2025 Belle Precisions. All rights reserved."
           columns={[
             {
-              title: "Services",              items: [
-                { label: "Permanent Eyeliner", href: "#services" },
-                { label: "Consultations", href: "#services" },
-                { label: "Touch-Ups", href: "#services" },
+              title: "",              items: [
+                { label: "Permanent Eyeliner", href: "services" },
+                { label: "Consultations", href: "services" },
+                { label: "Touch-Ups", href: "services" },
               ],
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#why-us" },
-                { label: "Reviews", href: "#reviews" },
-                { label: "Contact", href: "#cta-banner" },
+                { label: "About Us", href: "why-us" },
+                { label: "Reviews", href: "reviews" },
+                { label: "Contact", href: "cta-banner" },
               ],
             },
             {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #faf8f6;
   --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #341f51;
+  --foreground: #2d1b2e;
+  --primary-cta: #d8658f;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #6139e6;
-  --background-accent: #b3a8e8;
+  --accent: #e8c4d7;
+  --background-accent: #f0dce7;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/components/background/AnimatedGridBackground.tsx

@@ -24,7 +24,7 @@ const AnimatedGridBackground = ({
 
   useEffect(() => {
     if (containerRef.current) {
-      const { width, height } = containerRef.current.getBoundingClientRect();
+      const { width, height } = containerRef.current.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
       setDimensions({ width, height });
     }
   }, []);

src/components/background/GlowingEffect.tsx

@@ -118,7 +118,7 @@ const GlowingEffect = memo(
           const element = containerRef.current;
           if (!element) return;
 
-          const { left, top, width, height } = element.getBoundingClientRect();
+          const { left, top, width, height } = element.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
           const mousePosition = calculateMousePosition(e);
 
           if (e) {

src/components/button/ButtonDirectionalHover/useDirectionalHover.ts

@@ -9,7 +9,7 @@ export const useDirectionalHover = (
       const button = buttonRef.current;
       if (!button) return;
 
-      const buttonRect = button.getBoundingClientRect();
+      const buttonRect = button.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
       const buttonWidth = buttonRect.width;
       const buttonHeight = buttonRect.height;
       const buttonCenterX = buttonRect.left + buttonWidth / 2;

src/components/button/ButtonHoverMagnetic/useMagneticEffect.ts

@@ -30,7 +30,7 @@ const useMagneticEffect = (strengthFactor = 10) => {
             };
 
             const moveMagnet = (e: MouseEvent) => {
-                const b = element.getBoundingClientRect();
+                const b = element.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
                 const strength = strengthFactor;
 
                 const offsetX = ((e.clientX - b.left) / element.offsetWidth - 0.5) * (strength / 16);

src/components/button/SelectorButton.tsx

@@ -40,8 +40,8 @@ const SelectorButton = memo<SelectorButtonProps>(({
 
     const moveHoverBlock = (target: HTMLElement) => {
       if (!target) return;
-      const targetRect = target.getBoundingClientRect();
-      const containerRect = container.getBoundingClientRect();
+      const targetRect = target.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
+      const containerRect = container.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
 
       hoverElement.style.width = `${targetRect.width}px`;
       hoverElement.style.transform = `translateX(${targetRect.left - containerRect.left}px)`;

src/components/cardStack/hooks/useDepth3DAnimation.ts

@@ -60,7 +60,7 @@ export const useDepth3DAnimation = ({
 
     const handleMouseMove = (event: MouseEvent): void => {
       if (containerRef.current) {
-        const rect = containerRef.current.getBoundingClientRect();
+        const rect = containerRef.current.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
         isMouseInSection =
           event.clientX >= rect.left &&
           event.clientX <= rect.right &&

src/components/sections/feature/featureCardThree/useDynamicDimensions.ts

@@ -13,7 +13,7 @@ const getVw15InPixels = (): number => {
   temp.style.position = 'absolute'
   temp.style.width = 'var(--vw-1_5)'
   document.body.appendChild(temp)
-  const width = temp.getBoundingClientRect().width
+  const width = temp.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect().width
   document.body.removeChild(temp)
 
   cachedVw15 = width || 0

src/components/sections/feature/featureHoverPattern/usePatternInteraction.ts

@@ -71,7 +71,7 @@ export function usePatternInteraction(
 
   const updateMobilePosition = useCallback(() => {
     if (!containerRef.current) return;
-    const { left, top } = containerRef.current.getBoundingClientRect();
+    const { left, top } = containerRef.current.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
     const viewportCenterX = window.innerWidth / 2;
     const viewportCenterY = window.innerHeight / 2;
 
@@ -82,7 +82,7 @@ export function usePatternInteraction(
 
   const checkInView = useCallback(() => {
     if (!containerRef.current) return;
-    const rect = containerRef.current.getBoundingClientRect();
+    const rect = containerRef.current.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
     const viewportHeight = window.innerHeight;
     const threshold = viewportHeight * PATTERN_VISIBILITY_THRESHOLD;
     const iconThreshold = viewportHeight * ICON_VISIBILITY_THRESHOLD;
@@ -122,7 +122,7 @@ export function usePatternInteraction(
     (event: MouseEvent<HTMLDivElement>) => {
       if (state.isMobile) return;
 
-      const { left, top } = event.currentTarget.getBoundingClientRect();
+      const { left, top } = event.currentTarget.getBoundingJordan was amazing! I’m so in love with my permanent eyeliner. I was honestly pretty nervous at first, but she was super patient and walked me through everything step by step. She made the whole appointment feel calm and comfortable. The results are flawless and look so natural. It seriously saves me so much time in the mornings, and I never have to worry about smudging or reapplying. Couldn’t be happier! Rect();
       mouseX.set(event.clientX - left);
       mouseY.set(event.clientY - top);
       updateRandomString();

src/lib/api/blog.ts

@@ -41,7 +41,7 @@ export const defaultPosts: BlogPost[] = [
         excerpt: "Discover how to create a content strategy that drives engagement and conversions.",
         imageSrc: "/placeholders/placeholder3.avif",
         imageAlt: "Marketing strategy board",
-        authorName: "Sarah Johnson",
+        authorName: "Vickie Robbins",
         authorAvatar: "/placeholders/placeholder3.avif",
         date: "15 Jan 2025",
     },