Compare commits
42 Commits
version_6
...
version_11
| Author | SHA1 | Date | |
|---|---|---|---|
| 2ff6fe7d5e | |||
| 305f3973c2 | |||
| afc0b19cde | |||
| b79691b5c4 | |||
| 28a4edb4ca | |||
| 3e40ee18c8 | |||
| 4179197b9e | |||
| db11afba98 | |||
| d774cb9602 | |||
| 1c759dbed0 | |||
| b7ec4d0766 | |||
| 9f6da8d31d | |||
| c6d6e44ec8 | |||
| 7819162ab7 | |||
| 64b98cdb9d | |||
| 255850ea2a | |||
| 4bedfd53ca | |||
| 3156300c57 | |||
| bd5026fd61 | |||
| 5d461f196d | |||
| df035e11a0 | |||
| 004f98a023 | |||
| bff768e1c4 | |||
| 199c56ee22 | |||
| bac144017c | |||
| 7586e9a668 | |||
| bf218be96a | |||
| 5345bc3a74 | |||
| 97d175d254 | |||
| 0113337149 | |||
| fe25427e68 | |||
| 7712a53a80 | |||
| e09b43bd6b | |||
| 41f0077e6a | |||
| 607987195d | |||
| 46a7690b21 | |||
| c7a6a2c64f | |||
| 670e165b2e | |||
| a684b06eef | |||
| ecf8d6f6ff | |||
| b05c6a75bb | |||
| 1d3eb8ac6a |
@@ -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",
|
||||
|
||||
@@ -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\";",
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
},
|
||||
"tag": {
|
||||
"required": false,
|
||||
"example": "Services",
|
||||
"example": "",
|
||||
"minChars": 2,
|
||||
"maxChars": 30
|
||||
}
|
||||
|
||||
@@ -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)",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
1388
src/app/layout.tsx
1388
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -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,8 +42,8 @@ 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" }}
|
||||
@@ -58,7 +58,7 @@ export default function LandingPage() {
|
||||
imageSrc: "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=800&q=80&_wi=1", imageAlt: "Belle Precisions professional studio"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b3f4?w=800&q=80&_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={[
|
||||
@@ -82,22 +82,22 @@ 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: "Sarah Johnson" },
|
||||
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Michelle Chen" },
|
||||
{ src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", alt: "Emily Rodriguez" },
|
||||
{ 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 Clients"
|
||||
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}
|
||||
@@ -106,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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUfZ6EApIqxNnaHGb7WnzEObqO/uploaded-1772652899819-6tpq87ta.png", 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: "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: "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" }],
|
||||
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"
|
||||
@@ -131,7 +131,7 @@ 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUfZ6EApIqxNnaHGb7WnzEObqO/uploaded-1772653494539-2rki62c3.png", 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: "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"
|
||||
@@ -149,23 +149,23 @@ 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,
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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"
|
||||
},
|
||||
]}
|
||||
@@ -237,7 +237,7 @@ export default function LandingPage() {
|
||||
copyrightText="© 2025 Belle Precisions. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
title: "", items: [
|
||||
{ label: "Permanent Eyeliner", href: "services" },
|
||||
{ label: "Consultations", href: "services" },
|
||||
{ label: "Touch-Ups", href: "services" },
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-public-sans), sans-serif;
|
||||
}
|
||||
|
||||
@@ -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 });
|
||||
}
|
||||
}, []);
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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)`;
|
||||
|
||||
@@ -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 &&
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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();
|
||||
|
||||
@@ -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",
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user