lm-web-controls 1.4.43 → 1.4.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGES.md +108 -0
- package/MIGRATION.md +95 -0
- package/dist/controls/authorCard/index.js +1 -1
- package/dist/controls/blogList/index.js +1 -1
- package/dist/controls/careerApplicationForm/index.js +1 -1
- package/dist/controls/faq/index.js +1 -1
- package/dist/controls/featuredBlog/index.js +1 -1
- package/dist/controls/instaFeed/index.js +1 -1
- package/dist/controls/paymentIcons/index.js +1 -1
- package/dist/controls/post/index.js +1 -1
- package/dist/controls/relatedPosts/index.js +1 -1
- package/dist/styles/style.css +2 -2
- package/package.json +52 -51
- package/readme.md +221 -221
- package/types/lm-web-controls.d.ts +565 -565
- package/dist/controls/optimizedImage/imageServices.js +0 -1
- package/dist/controls/optimizedImage/index.js +0 -2
- package/dist/index.css +0 -3
package/CHANGES.md
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
# Next.js Migration - Changes Summary
|
|
2
|
+
|
|
3
|
+
## Files Modified
|
|
4
|
+
|
|
5
|
+
### Components Updated with Next.js Image and Link
|
|
6
|
+
|
|
7
|
+
1. **src/controls/relatedPosts/index.tsx**
|
|
8
|
+
- Added: `import Image from "next/image"`
|
|
9
|
+
- Added: `import Link from "next/link"`
|
|
10
|
+
- Changed: `<a>` tags → `<Link>` components
|
|
11
|
+
- Changed: `<img>` tags → `<Image>` components with width={400}, height={250}
|
|
12
|
+
|
|
13
|
+
2. **src/controls/post/index.tsx**
|
|
14
|
+
- Added: `import Image from "next/image"`
|
|
15
|
+
- Added: `import Link from "next/link"`
|
|
16
|
+
- Changed: `<img>` tag → `<Image>` component with width={1200}, height={675}
|
|
17
|
+
- Changed: `<a>` tag → `<Link>` component for category link
|
|
18
|
+
|
|
19
|
+
3. **src/controls/paymentIcons/index.tsx**
|
|
20
|
+
- Added: `import Image from "next/image"`
|
|
21
|
+
- Changed: `<img>` tag → `<Image>` component with width={120}, height={40}
|
|
22
|
+
- Removed: `loading="lazy"` attribute (Next.js handles lazy loading automatically)
|
|
23
|
+
|
|
24
|
+
4. **src/controls/instaFeed/index.tsx**
|
|
25
|
+
- Added: `import Image from "next/image"`
|
|
26
|
+
- Changed: `<img>` tags → `<Image>` components with width={400}, height={400}
|
|
27
|
+
|
|
28
|
+
5. **src/controls/featuredBlog/index.tsx**
|
|
29
|
+
- Added: `import Image from "next/image"`
|
|
30
|
+
- Added: `import Link from "next/link"`
|
|
31
|
+
- Changed: `<img>` tag → `<Image>` component with width={1200}, height={675}
|
|
32
|
+
- Changed: 3 `<a>` tags → `<Link>` components (category, title, read more)
|
|
33
|
+
|
|
34
|
+
6. **src/controls/faq/index.tsx**
|
|
35
|
+
- Added: `import Image from "next/image"`
|
|
36
|
+
- Changed: `<img>` tag → `<Image>` component with width={24}, height={24} for toggle icon
|
|
37
|
+
|
|
38
|
+
7. **src/controls/blogList/index.tsx**
|
|
39
|
+
- Added: `import Image from "next/image"`
|
|
40
|
+
- Added: `import Link from "next/link"`
|
|
41
|
+
- Changed: `<img>` tags → `<Image>` components with width={600}, height={400}
|
|
42
|
+
- Changed: 3 `<a>` tags → `<Link>` components (image link, title link, read more link)
|
|
43
|
+
|
|
44
|
+
8. **src/controls/authorCard/index.tsx**
|
|
45
|
+
- Added: `import Image from "next/image"`
|
|
46
|
+
- Changed: `<img>` tag → `<Image>` component with width={80}, height={80}
|
|
47
|
+
- Note: Social links remain as `<a>` tags (external links with target="_blank")
|
|
48
|
+
|
|
49
|
+
### Components with Regular Anchor Tags (Intentionally Not Changed)
|
|
50
|
+
|
|
51
|
+
9. **src/controls/email/index.tsx**
|
|
52
|
+
- Added comment explaining mailto links should remain as regular anchor tags
|
|
53
|
+
- Uses `<a href="mailto:...">` - Not suitable for Next.js Link
|
|
54
|
+
|
|
55
|
+
10. **src/controls/copyright/index.tsx**
|
|
56
|
+
- Added comment explaining external links should remain as regular anchor tags
|
|
57
|
+
- Uses `<a href="..." target="_blank">` - External link to leadmetrics.ai
|
|
58
|
+
|
|
59
|
+
### Configuration Files
|
|
60
|
+
|
|
61
|
+
11. **package.json**
|
|
62
|
+
- Added: `"next": ">=13.0.0"` to peerDependencies
|
|
63
|
+
|
|
64
|
+
### Documentation
|
|
65
|
+
|
|
66
|
+
12. **MIGRATION.md** (New file)
|
|
67
|
+
- Comprehensive migration guide
|
|
68
|
+
- Breaking changes documentation
|
|
69
|
+
- Next.js configuration instructions
|
|
70
|
+
- Image sizing reference
|
|
71
|
+
- Benefits explanation
|
|
72
|
+
|
|
73
|
+
## Summary Statistics
|
|
74
|
+
|
|
75
|
+
- **Total components modified:** 8
|
|
76
|
+
- **Total Image imports added:** 8
|
|
77
|
+
- **Total Link imports added:** 5
|
|
78
|
+
- **Total `<img>` tags replaced:** ~10
|
|
79
|
+
- **Total `<a>` tags replaced:** ~15
|
|
80
|
+
- **Components with intentional `<a>` tags:** 3 (email, copyright, authorCard social links)
|
|
81
|
+
|
|
82
|
+
## Key Changes
|
|
83
|
+
|
|
84
|
+
### All Next.js Images Include:
|
|
85
|
+
- `width` and `height` props for proper aspect ratio
|
|
86
|
+
- `alt` attribute for accessibility
|
|
87
|
+
- Automatic lazy loading (removed manual loading="lazy")
|
|
88
|
+
|
|
89
|
+
### All Next.js Links:
|
|
90
|
+
- Use `href` prop instead of HTML href attribute
|
|
91
|
+
- Automatically prefetch for better performance
|
|
92
|
+
- Provide client-side navigation
|
|
93
|
+
|
|
94
|
+
## Testing Recommendations
|
|
95
|
+
|
|
96
|
+
1. **Visual Testing:** Verify all images render correctly with proper aspect ratios
|
|
97
|
+
2. **Navigation Testing:** Test all links to ensure proper navigation
|
|
98
|
+
3. **Performance Testing:** Check Lighthouse scores for improvements
|
|
99
|
+
4. **Responsive Testing:** Test on various screen sizes
|
|
100
|
+
5. **External Links:** Verify email and external links still work correctly
|
|
101
|
+
|
|
102
|
+
## Next Steps for Users
|
|
103
|
+
|
|
104
|
+
1. Ensure Next.js 13.0.0+ is installed
|
|
105
|
+
2. Configure image domains in next.config.js
|
|
106
|
+
3. Update CSS if needed for Next.js Image wrapper structure
|
|
107
|
+
4. Test all components in their Next.js application
|
|
108
|
+
5. Review and adjust image sizes if needed for specific use cases
|
package/MIGRATION.md
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
# Migration Guide - Next.js Image and Link Components
|
|
2
|
+
|
|
3
|
+
## Overview
|
|
4
|
+
This package has been updated to use Next.js `Image` and `Link` components instead of standard HTML `<img>` and `<a>` tags for better performance and SEO in Next.js projects.
|
|
5
|
+
|
|
6
|
+
## Breaking Changes
|
|
7
|
+
|
|
8
|
+
### Requirements
|
|
9
|
+
- **Next.js 13.0.0 or higher** is now required
|
|
10
|
+
- This package is now specifically designed for Next.js projects
|
|
11
|
+
|
|
12
|
+
### Components Updated
|
|
13
|
+
|
|
14
|
+
The following components now use Next.js Image and Link:
|
|
15
|
+
|
|
16
|
+
1. **RelatedPosts** - Uses `Image` and `Link`
|
|
17
|
+
2. **Post** - Uses `Image` and `Link`
|
|
18
|
+
3. **PaymentIcons** - Uses `Image` for custom payment icons
|
|
19
|
+
4. **InstaFeed** - Uses `Image`
|
|
20
|
+
5. **FeaturedBlog** - Uses `Image` and `Link`
|
|
21
|
+
6. **FAQ** - Uses `Image` for toggle icons
|
|
22
|
+
7. **BlogList** - Uses `Image` and `Link`
|
|
23
|
+
8. **AuthorCard** - Uses `Image`
|
|
24
|
+
|
|
25
|
+
### Components with Regular Anchor Tags
|
|
26
|
+
|
|
27
|
+
The following components still use regular `<a>` tags for specific reasons:
|
|
28
|
+
|
|
29
|
+
1. **Email** - Uses `<a>` with `mailto:` protocol (not suitable for Next.js Link)
|
|
30
|
+
2. **Copyright** - Uses `<a>` for external link with `target="_blank"`
|
|
31
|
+
3. **AuthorCard** - Uses `<a>` for social links with `target="_blank"` and `rel="noopener noreferrer"`
|
|
32
|
+
|
|
33
|
+
## Next.js Configuration
|
|
34
|
+
|
|
35
|
+
### Image Domains
|
|
36
|
+
If you're using external images, you need to configure Next.js to allow those domains in your `next.config.js`:
|
|
37
|
+
|
|
38
|
+
```javascript
|
|
39
|
+
/** @type {import('next').NextConfig} */
|
|
40
|
+
const nextConfig = {
|
|
41
|
+
images: {
|
|
42
|
+
remotePatterns: [
|
|
43
|
+
{
|
|
44
|
+
protocol: 'https',
|
|
45
|
+
hostname: 'your-image-domain.com',
|
|
46
|
+
},
|
|
47
|
+
// Add other domains as needed
|
|
48
|
+
],
|
|
49
|
+
},
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
module.exports = nextConfig
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
### Image Sizing
|
|
56
|
+
All images now include default width and height attributes:
|
|
57
|
+
- **Featured images**: 1200x675 (16:9 aspect ratio)
|
|
58
|
+
- **Blog list images**: 600x400
|
|
59
|
+
- **Related post images**: 400x250
|
|
60
|
+
- **Instagram feed images**: 400x400 (square)
|
|
61
|
+
- **Payment icons**: 120x40
|
|
62
|
+
- **FAQ icons**: 24x24
|
|
63
|
+
- **Author avatars**: 80x80
|
|
64
|
+
|
|
65
|
+
Images use `style={{ width: '100%', height: 'auto' }}` or `style={{ width: 'auto', height: '100%' }}` to maintain aspect ratios while being responsive.
|
|
66
|
+
|
|
67
|
+
## CSS Considerations
|
|
68
|
+
|
|
69
|
+
The switch from `<img>` to Next.js `Image` component means:
|
|
70
|
+
- Images are wrapped in a `<span>` container by default
|
|
71
|
+
- Inline styles are applied via the `style` prop
|
|
72
|
+
- CSS classes work the same way via the `className` prop
|
|
73
|
+
|
|
74
|
+
If you have specific CSS targeting images, you may need to adjust selectors to account for Next.js Image's wrapper structure.
|
|
75
|
+
|
|
76
|
+
## Benefits
|
|
77
|
+
|
|
78
|
+
### Performance Improvements
|
|
79
|
+
- **Automatic image optimization** - Images are automatically optimized and served in modern formats (WebP, AVIF)
|
|
80
|
+
- **Lazy loading** - Images load only when they enter the viewport
|
|
81
|
+
- **Responsive images** - Automatic srcset generation for different screen sizes
|
|
82
|
+
- **Placeholder support** - Can add blur placeholders while images load
|
|
83
|
+
|
|
84
|
+
### SEO Improvements
|
|
85
|
+
- **Client-side navigation** - Link component provides faster navigation without full page reloads
|
|
86
|
+
- **Prefetching** - Links are automatically prefetched for faster page transitions
|
|
87
|
+
- **Better Core Web Vitals** - Optimized images improve LCP and CLS scores
|
|
88
|
+
|
|
89
|
+
## TypeScript
|
|
90
|
+
|
|
91
|
+
Next.js types are included as peer dependencies. The package expects Next.js to be installed in your project.
|
|
92
|
+
|
|
93
|
+
## Questions or Issues?
|
|
94
|
+
|
|
95
|
+
If you encounter any issues during migration, please open an issue on the repository with details about your setup and the specific problem you're facing.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import e from"react";function
|
|
2
|
+
import e from"react";import a from"next/image";function t(t){var r=t.title,c=void 0===r?"About Author":r,l=t.author,o=t.socialIcons,i=t.classNames,n=void 0===i?{}:i,s=l.name,h=l.role,m=l.bio,d=l.avatar,v=l.socialLinks,u=function(e,a){return a||e};return e.createElement("div",{className:u("author-card-container",n.container)},e.createElement("h2",{className:u("author-card-title",n.title)},c),e.createElement("div",{className:u("author-card-content",n.content)},e.createElement("div",{className:u("author-card-header",n.header)},e.createElement("div",{className:u("author-card-avatar-container",n.avatarContainer)},d?e.createElement(a,{src:d,alt:"".concat(s," avatar"),className:u("author-card-avatar",n.avatar),width:100,height:100}):e.createElement("div",{className:u("author-card-avatar-placeholder",n.avatarPlaceholder)},s.charAt(0).toUpperCase())),e.createElement("div",{className:u("author-card-info",n.info)},e.createElement("h3",{className:u("author-card-name",n.name)},s),e.createElement("p",{className:u("author-card-role",n.role)},h||"")),v&&e.createElement("div",{className:u("author-card-social",n.social)},v.linkedin&&e.createElement("a",{href:v.linkedin,target:"_blank",rel:"noopener noreferrer",className:u("author-card-social-link",n.socialLink),"aria-label":"".concat(s,"'s LinkedIn profile")},(null==o?void 0:o.linkedin)||e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:u("author-card-social-icon",n.socialIcon)},e.createElement("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"}))),v.twitter&&e.createElement("a",{href:v.twitter,target:"_blank",rel:"noopener noreferrer",className:u("author-card-social-link",n.socialLink),"aria-label":"".concat(s,"'s Twitter profile")},(null==o?void 0:o.twitter)||e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:u("author-card-social-icon",n.socialIcon)},e.createElement("path",{d:"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"}))),v.github&&e.createElement("a",{href:v.github,target:"_blank",rel:"noopener noreferrer",className:u("author-card-social-link",n.socialLink),"aria-label":"".concat(s,"'s GitHub profile")},(null==o?void 0:o.github)||e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:u("author-card-social-icon",n.socialIcon)},e.createElement("path",{d:"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"}))),v.website&&e.createElement("a",{href:v.website,target:"_blank",rel:"noopener noreferrer",className:u("author-card-social-link",n.socialLink),"aria-label":"".concat(s,"'s website")},(null==o?void 0:o.website)||e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:u("author-card-social-icon",n.socialIcon)},e.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"}))))),e.createElement("div",{className:u("author-card-bio",n.bio)},e.createElement("p",{className:u("author-card-bio-text",n.bioText)},m||""))))}export{t as AuthorCard};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__awaiter as e,__generator as t,__spreadArray as n}from"../../_virtual/_tslib.js";import a,{useState as i,useRef as o,useEffect as c}from"react";import r from"moment";function
|
|
2
|
+
import{__awaiter as e,__generator as t,__spreadArray as n}from"../../_virtual/_tslib.js";import a,{useState as i,useRef as o,useEffect as c}from"react";import r from"moment";import l from"next/image";import s from"next/link";function m(m){var d=this,u=m.data,g=m.icon,v=m.title,h=m.nestedUrl,f=m.category,b=m.fetchMore,p=m.autoFetchCount,E=void 0===p?2:p,N=u.items,w=u.pagingInfo,y=i(""),I=y[0],x=y[1],M=i("grid"),O=M[0],P=M[1],k=i(N),C=k[0],Y=k[1],B=i(w),S=B[0],j=B[1],A=i(!1),D=A[0],L=A[1],V=i(0),T=V[0],G=V[1],_=o(null),z=i(!1),F=z[0],H=z[1];function J(){return e(this,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return!S.hasNextPage||D?[2]:(L(!0),[4,b(S.currentPage+1)]);case 1:return e=t.sent(),Y(function(t){return n(n([],t,!0),e.items,!0)}),j(e.pagingInfo),L(!1),G(function(e){return e+1}),[2]}})})}return c(function(){var a=navigator.userAgent;["Googlebot","Bingbot","Yahoo","DuckDuckBot","Baiduspider","YandexBot"].some(function(e){return a.includes(e)})&&(H(!0),e(d,void 0,void 0,function(){var e,a,i;return t(this,function(t){switch(t.label){case 0:e=S.currentPage,a=n([],N,!0),t.label=1;case 1:return S.hasNextPage?[4,b(e+1)]:[3,3];case 2:return i=t.sent(),a=n(n([],a,!0),i.items,!0),e++,i.pagingInfo.hasNextPage?[3,1]:[3,3];case 3:return Y(a),[2]}})}))},[]),c(function(){"undefined"!=typeof window&&x(window.location.origin)},[]),c(function(){if(I){var e=C.map(function(e){var t,n;return{"@context":"https://schema.org","@type":"Article",headline:e.title,image:[e.featuredImage],author:{"@type":"Person",name:(null===(t=e.author)||void 0===t?void 0:t.name)||"Admin"},datePublished:r(e.publishedOn).toISOString(),dateModified:r(e.publishedOn).toISOString(),mainEntityOfPage:{"@type":"WebPage","@id":"".concat(I).concat(h?"/".concat(h):"","/post").concat(f?"/".concat(e.categoryInfo.slug):"","/").concat(e.slug)},publisher:{"@type":"Organization",name:(null===(n=e.author)||void 0===n?void 0:n.name)||"Admin"},description:e.previewContent}});if(!F){var t=document.getElementById("blog-list-json-ld-schema");t&&document.head.removeChild(t);var n=document.createElement("script");return n.type="application/ld+json",n.id="blog-list-json-ld-schema",n.innerHTML=JSON.stringify(e),document.head.appendChild(n),function(){document.head.contains(n)&&document.head.removeChild(n)}}}},[I,C,F]),c(function(){if(_.current&&!(T>=E)){var e=new IntersectionObserver(function(e){e[0].isIntersecting&&T<E&&!D&&J()},{threshold:1});return e.observe(_.current),function(){return e.disconnect()}}},[S,T,D,E]),a.createElement("section",{className:"blog-list-main-container"},a.createElement("div",{className:"blog-list-top-container"},v&&a.createElement("h2",{className:"blog-list-main-title"},v),a.createElement("div",{className:"blog-list-icons-container"},g.grid&&a.createElement("div",{className:"blog-list-icon ".concat("grid"===O?"active":""),onClick:function(){return P("grid")},title:"Grid View"},g.grid),g.list&&a.createElement("div",{className:"blog-list-icon ".concat("list"===O?"active":""),onClick:function(){return P("list")},title:"List View"},g.list))),a.createElement("div",{className:"".concat("grid"===O?"blogs-grid-view":"blogs-list-view")},C.map(function(e){var t,n,i;return a.createElement("div",{key:e.slug,className:"".concat("grid"===O?"blog-item-grid":"blog-item-list")},a.createElement(s,{href:"".concat(h?"/".concat(h):"","/post").concat(f?"/".concat(e.categoryInfo.slug):"","/").concat(e.slug)},a.createElement(l,{src:e.featuredImage,alt:e.title,className:"".concat("grid"===O?"blog-item-grid-image":"blog-item-list-image"),width:600,height:400})),a.createElement("div",{className:"blog-details"},a.createElement(s,{href:"".concat(h?"/".concat(h):"","/post").concat(f?"/".concat(e.categoryInfo.slug):"","/").concat(e.slug)},a.createElement("h3",{className:"blog-item-title"},e.title)),a.createElement("div",{className:"blog-item-avatar-main-container"},a.createElement("div",{className:"blog-item-avatar"},(null===(t=e.author)||void 0===t?void 0:t.name)?null===(n=e.author)||void 0===n?void 0:n.name[0]:""),a.createElement("div",{className:"blog-item-author-container"},a.createElement("h3",{className:"blog-item-author-name"},(null===(i=e.author)||void 0===i?void 0:i.name)||""),a.createElement("div",{className:"blog-item-date-read"},"On ".concat(r(e.publishedOn).format("ddd, MMM DD, YYYY"),", ").concat(e.readTime?"".concat(e.readTime," Min read"):"3 Min read")),a.createElement("h3",{className:"blog-item-view-count"},e.views||0," ",1===(e.views||0)?"View":"Views"))),a.createElement("p",{className:"blog-item-preview-content"},e.previewContent),a.createElement(s,{className:"blog-item-read-more-container",href:"".concat(h?"/".concat(h):"","/post").concat(f?"/".concat(e.categoryInfo.slug):"","/").concat(e.slug)},a.createElement("p",null,"Read More"),g.link?g.link:null)))})),S.hasNextPage&&T>=E&&a.createElement("div",{className:"blog-list-load-more-container"},a.createElement("button",{onClick:J,className:"blog-list-load-more-button"},D?"Loading...":"Load More")),T<E&&a.createElement("div",{ref:_,style:{height:"1px",visibility:"hidden"}}))}export{m as BlogList};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__awaiter as e,__generator as a,__assign as t}from"../../_virtual/_tslib.js";import r,{useState as n,useEffect as i}from"react";import{Formik as l,Form as o,ErrorMessage as m}from"formik";import*as c from"yup";import{toast as s}from"react-toastify";var u=/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,p=/^[\+]?[0-9]{7,15}$/,d=c.object().shape({name:c.string().required("Please enter your name").min(3,"Name must be at least 3 characters"),email:c.string().required("Please enter your email").email("Please enter a valid email").matches(u,"Please enter a valid email"),mobile:c.string().required("Please enter your mobile number").min(7,"Phone number must be at least 7 digits").max(16,"Phone number cannot exceed 15 digits").matches(p,"Please enter a valid phone number (only digits and optional + prefix)"),resume:c.mixed().required("Please upload your resume").test("fileSize","File size should be less than 5MB",function(e){return!e||e.size<=5242880}).test("fileType","Only PDF, DOC, and DOCX files are allowed",function(e){return!e||["application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"].includes(e.type)})});function f(c){var u=this,p=c.closeIcon,f=c.jobId,b=c.jobTitle,v=c.primaryColor,g=c.onSubmit,E=c.title,h=c.description,N=c.triggerAttribute,y=void 0===N?"data-career-apply":N,C=c.classNames,w=void 0===C?{}:C,P=n(!1),S=P[0],D=P[1],B=n(""),j=B[0],x=B[1],z=function(e,a){return a||e};i(function(){var e=function(e){e.target.closest("[".concat(y,"]"))&&(e.preventDefault(),e.stopPropagation(),D(!0))};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}},[y]);if(!S)return null;var A=v?{"--job-detail-primary":v}:void 0;return r.createElement("div",{className:z("career-modal-wrapper",w.modal)},r.createElement("div",{className:z("career-modal-container",w.container),style:A},r.createElement("button",{className:z("career-modal-close-button",w.closeButton),onClick:function(){D(!1),x("")},title:"Close"},p),r.createElement("h2",{className:z("career-modal-title",w.title)},E||(b?"Apply for ".concat(b):"Submit Your Application")),h&&r.createElement("p",{className:z("career-modal-description",w.description)},h),r.createElement("div",{className:"career-modal-form-wrapper"},r.createElement(l,{validationSchema:d,onSubmit:function(r,n){return e(u,[r,n],void 0,function(e,r){var n,i,l,o=r.setSubmitting,m=r.resetForm;return a(this,function(a){switch(a.label){case 0:return a.trys.push([0,2,3,4]),r=e.name,n=r.replace(/<script.*?>[\s\S]*?<\/script>/gi,"").replace(/<[^>]*>/g,"").replace(/[\u202E\u202D]/g,"").replace(/[^A-Za-z0-9\s'.-]/g,"").replace(/\s+/g," ").trim(),i=function(e){return e.replace(/[^A-Za-z0-9@._+-]/g,"").replace(/\s+/g,"").trim()}(e.email),l=function(e){return e.replace(/[^0-9+]/g,"").replace(/\s+/g,"").trim()}(e.mobile),"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push(t(t({event:f?"career_application_submit":"candidate_application_submit"},f&&{jobId:f,jobTitle:b||"Unknown Position"}),{applicantName:n})),[4,g(t(t({},f&&{jobId:f}),{name:n,email:i,mobile:l,resume:e.resume}))];case 1:return a.sent(),s.success("Application submitted successfully!"),m(),x(""),D(!1),[3,4];case 2:return a.sent(),s.error("Failed to submit application. Please try again."),[3,4];case 3:return o(!1),[7];case 4:return[2]}var r})})},initialValues:{name:"",email:"",mobile:"",resume:null}},function(e){var a=e.handleSubmit,t=e.handleChange,n=e.handleBlur,i=e.setFieldValue,l=e.values,c=e.isSubmitting;return r.createElement(o,{className:z("career-modal-form",w.form),noValidate:!0,onSubmit:a},r.createElement("div",{className:z("career-input-container",w.inputContainer)},r.createElement("input",{className:z("career-form-input",w.input),placeholder:"Full Name*",name:"name",onChange:t,onBlur:n,value:l.name}),r.createElement(m,{name:"name",component:"div",className:z("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:z("career-input-container",w.inputContainer)},r.createElement("input",{className:z("career-form-input",w.input),placeholder:"Email*",name:"email",type:"email",onChange:t,onBlur:n,value:l.email}),r.createElement(m,{name:"email",component:"div",className:z("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:z("career-input-container",w.inputContainer)},r.createElement("input",{className:z("career-form-input",w.input),placeholder:"Mobile Number*",name:"mobile",type:"tel",onChange:t,onBlur:n,value:l.mobile}),r.createElement(m,{name:"mobile",component:"div",className:z("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:z("career-input-container",w.inputContainer)},r.createElement("label",{className:z("career-file-label",w.fileLabel)},r.createElement("input",{type:"file",name:"resume",accept:".pdf,.doc,.docx",onChange:function(e){return function(e,a){var t,r=null===(t=e.target.files)||void 0===t?void 0:t[0];r&&(a("resume",r),x(r.name.replace(/<[^>]*>/g,"").replace(/["'\\]/g,"").trim()))}(e,i)},onBlur:n,className:z("career-file-input",w.fileInput)}),r.createElement("span",{className:"career-file-button"},j||"Upload Resume (PDF, DOC, DOCX)*")),j&&r.createElement("div",{style:{marginTop:"0.5rem",fontSize:"0.875rem",color:"#4b5563"}},"Selected: ",j),r.createElement("div",{style:{marginTop:"0.5rem",fontSize:"0.75rem",color:"#6b7280",lineHeight:"1.4"}},r.createElement("div",null,"• Accepted formats: PDF, DOC, DOCX"),r.createElement("div",null,"• Maximum file size: 5 MB")),r.createElement(m,{name:"resume",component:"div",className:z("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:"career-form-button-container"},r.createElement("button",{className:z("career-form-submit-button",w.submitButton),type:"submit",disabled:c},c?"Submitting...":"Submit Application")))}))))}export{f as CareerApplicationForm};
|
|
2
|
+
import{__awaiter as e,__generator as r,__assign as n}from"../../_virtual/_tslib.js";import a,{useState as t,useEffect as l}from"react";import{Formik as i,Form as o,ErrorMessage as c}from"formik";import*as m from"yup";import{toast as s}from"react-toastify";var u=function(e){return e.replace(/<script.*?>[\s\S]*?<\/script>/gi,"").replace(/<[^>]*>/g,"").replace(/[\u202E\u202D]/g,"").replace(/[^A-Za-z0-9\s'.-]/g,"").replace(/\s+/g," ").trim()},p=/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,d=/^[\+]?[0-9]{7,15}$/,f=function(e){return void 0===e&&(e=[]),m.object().shape({name:m.string().required("Please enter your name").min(3,"Name must be at least 3 characters"),email:m.string().required("Please enter your email").email("Please enter a valid email").matches(p,"Please enter a valid email"),mobile:m.string().required("Please enter your mobile number").min(7,"Phone number must be at least 7 digits").max(16,"Phone number cannot exceed 15 digits").matches(d,"Please enter a valid phone number (only digits and optional + prefix)"),resume:m.mixed().required("Please upload your resume").test("fileSize","File size should be less than 5MB",function(e){return!e||e.size<=5242880}).test("fileType","Only PDF, DOC, and DOCX files are allowed",function(e){return!e||["application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"].includes(e.type)}),experience:m.number().nullable().transform(function(e,r){return""===String(r).trim()?null:e}).typeError("Experience must be a number"),currentSalary:m.number().nullable().transform(function(e,r){return""===String(r).trim()?null:e}).typeError("Current Salary must be a number"),expectedSalary:m.number().nullable().transform(function(e,r){return""===String(r).trim()?null:e}).typeError("Expected Salary must be a number"),noticePeriodMonths:m.number().nullable().transform(function(e,r){return""===String(r).trim()?null:e}).typeError("Notice Period must be a number"),nationality:m.string().when([],{is:function(){return e.includes("nationality")},then:function(e){return e.required("Please enter your nationality")},otherwise:function(e){return e.nullable()}}),coverLetter:m.string().nullable(),linkedInUrl:m.string().url("Please enter a valid URL").nullable(),photo:m.mixed().nullable().test("fileSize","File size should be less than 5MB",function(e){return!e||e.size<=5242880}).test("fileType","Only JPG, JPEG, and PNG files are allowed",function(e){return!e||["image/jpeg","image/png","image/jpg"].includes(e.type)})})};function g(m){var p=this,d=m.closeIcon,g=m.jobId,v=m.jobTitle,b=m.primaryColor,y=m.onSubmit,E=m.title,h=m.description,N=m.triggerAttribute,S=void 0===N?"data-career-apply":N,C=m.classNames,P=void 0===C?{}:C,x=m.visibleFields,M=void 0===x?[]:x,w=t(!1),L=w[0],B=w[1],I=t(""),k=I[0],U=I[1],j=t(""),z=j[0],D=j[1],F=function(e,r){return r||e};l(function(){var e=function(e){e.target.closest("[".concat(S,"]"))&&(e.preventDefault(),e.stopPropagation(),B(!0))};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}},[S]);var A=function(e,r,n,a){var t,l=null===(t=e.target.files)||void 0===t?void 0:t[0];l&&(r(n,l),a(l.name.replace(/<[^>]*>/g,"").replace(/["'\\]/g,"").trim()))};if(!L)return null;var O=b?{"--job-detail-primary":b}:void 0;return a.createElement("div",{className:F("career-modal-wrapper",P.modal)},a.createElement("div",{className:F("career-modal-container",P.container),style:O},a.createElement("button",{className:F("career-modal-close-button",P.closeButton),onClick:function(){B(!1),U(""),D("")},title:"Close"},d),a.createElement("h2",{className:F("career-modal-title",P.title)},E||(v?"Apply for ".concat(v):"Submit Your Application")),h&&a.createElement("p",{className:F("career-modal-description",P.description)},h),a.createElement("div",{className:"career-modal-form-wrapper"},a.createElement(i,{validationSchema:f(M),onSubmit:function(a,t){return e(p,[a,t],void 0,function(e,a){var t,l,i,o,c,m,p=a.setSubmitting,d=a.resetForm;return r(this,function(r){switch(r.label){case 0:return r.trys.push([0,2,3,4]),t=u(e.name),a=e.email,l=a.replace(/[^A-Za-z0-9@._+-]/g,"").replace(/\s+/g,"").trim(),i=function(e){return e.replace(/[^0-9+]/g,"").replace(/\s+/g,"").trim()}(e.mobile),o=e.nationality?u(e.nationality):"",c=e.coverLetter?function(e){return e.replace(/<script.*?>[\s\S]*?<\/script>/gi,"").replace(/<[^>]*>/g,"").trim()}(e.coverLetter):"",m=e.linkedInUrl?function(e){return e.replace(/<script.*?>[\s\S]*?<\/script>/gi,"").replace(/<[^>]*>/g,"").replace(/["'<>]/g,"").trim()}(e.linkedInUrl):"","undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push(n(n({event:g?"career_application_submit":"candidate_application_submit"},g&&{jobId:g,jobTitle:v||"Unknown Position"}),{applicantName:t})),[4,y(n(n({},g&&{jobId:g}),{name:t,email:l,mobile:i,resume:e.resume,experience:e.experience,currentSalary:e.currentSalary,expectedSalary:e.expectedSalary,noticePeriodMonths:e.noticePeriodMonths,nationality:o,coverLetter:c,photo:e.photo,linkedInUrl:m}))];case 1:return r.sent(),s.success("Application submitted successfully!"),d(),U(""),D(""),B(!1),[3,4];case 2:return r.sent(),s.error("Failed to submit application. Please try again."),[3,4];case 3:return p(!1),[7];case 4:return[2]}var a})})},initialValues:{name:"",email:"",mobile:"",resume:null,experience:null,currentSalary:null,expectedSalary:null,noticePeriodMonths:null,nationality:"",coverLetter:"",photo:null,linkedInUrl:""}},function(e){var r,n,t,l,i=e.handleSubmit,m=e.handleChange,s=e.handleBlur,u=e.setFieldValue,p=e.values,d=e.isSubmitting;return a.createElement(o,{className:F("career-modal-form",P.form),noValidate:!0,onSubmit:i},a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Full Name*",name:"name",onChange:m,onBlur:s,value:p.name}),a.createElement(c,{name:"name",component:"div",className:F("career-form-error-message",P.errorMessage)})),a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Email*",name:"email",type:"email",onChange:m,onBlur:s,value:p.email}),a.createElement(c,{name:"email",component:"div",className:F("career-form-error-message",P.errorMessage)})),a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Mobile Number*",name:"mobile",type:"tel",onChange:m,onBlur:s,value:p.mobile}),a.createElement(c,{name:"mobile",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("experience")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Experience (Years)",name:"experience",type:"number",onChange:m,onBlur:s,value:null!==(r=p.experience)&&void 0!==r?r:""}),a.createElement(c,{name:"experience",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("currentSalary")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Current Salary",name:"currentSalary",type:"number",onChange:m,onBlur:s,value:null!==(n=p.currentSalary)&&void 0!==n?n:""}),a.createElement(c,{name:"currentSalary",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("expectedSalary")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Expected Salary",name:"expectedSalary",type:"number",onChange:m,onBlur:s,value:null!==(t=p.expectedSalary)&&void 0!==t?t:""}),a.createElement(c,{name:"expectedSalary",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("noticePeriodMonths")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Notice Period (Months)",name:"noticePeriodMonths",type:"number",onChange:m,onBlur:s,value:null!==(l=p.noticePeriodMonths)&&void 0!==l?l:""}),a.createElement(c,{name:"noticePeriodMonths",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("nationality")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"Nationality*",name:"nationality",onChange:m,onBlur:s,value:p.nationality}),a.createElement(c,{name:"nationality",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("linkedInUrl")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("input",{className:F("career-form-input",P.input),placeholder:"LinkedIn URL",name:"linkedInUrl",type:"url",onChange:m,onBlur:s,value:p.linkedInUrl}),a.createElement(c,{name:"linkedInUrl",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("coverLetter")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("textarea",{className:F("career-form-textarea",P.textarea),placeholder:"Cover Letter",name:"coverLetter",onChange:m,onBlur:s,value:p.coverLetter,rows:4}),a.createElement(c,{name:"coverLetter",component:"div",className:F("career-form-error-message",P.errorMessage)})),M.includes("photo")&&a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("label",{className:F("career-file-label",P.fileLabel)},a.createElement("input",{type:"file",name:"photo",accept:".jpg,.jpeg,.png",onChange:function(e){return A(e,u,"photo",D)},onBlur:s,className:F("career-file-input",P.fileInput)}),a.createElement("span",{className:"career-file-button"},z||"Upload Photo (JPG, PNG)")),z&&a.createElement("div",{style:{marginTop:"0.5rem",fontSize:"0.875rem",color:"#4b5563"}},"Selected: ",z),a.createElement(c,{name:"photo",component:"div",className:F("career-form-error-message",P.errorMessage)})),a.createElement("div",{className:F("career-input-container",P.inputContainer)},a.createElement("label",{className:F("career-file-label",P.fileLabel)},a.createElement("input",{type:"file",name:"resume",accept:".pdf,.doc,.docx",onChange:function(e){return A(e,u,"resume",U)},onBlur:s,className:F("career-file-input",P.fileInput)}),a.createElement("span",{className:"career-file-button"},k||"Upload Resume (PDF, DOC, DOCX)*")),k&&a.createElement("div",{style:{marginTop:"0.5rem",fontSize:"0.875rem",color:"#4b5563"}},"Selected: ",k),a.createElement("div",{style:{marginTop:"0.5rem",fontSize:"0.75rem",color:"#6b7280",lineHeight:"1.4"}},a.createElement("div",null,"• Accepted formats: PDF, DOC, DOCX"),a.createElement("div",null,"• Maximum file size: 5 MB")),a.createElement(c,{name:"resume",component:"div",className:F("career-form-error-message",P.errorMessage)})),a.createElement("div",{className:"career-form-button-container"},a.createElement("button",{className:F("career-form-submit-button",P.submitButton),type:"submit",disabled:d},d?"Submitting...":"Submit Application")))}))))}export{g as CareerApplicationForm};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import e,{useEffect as n,useState as t}from"react";var
|
|
2
|
+
import e,{useEffect as n,useState as t}from"react";import a from"next/image";var r=function(n){var r=n.question,c=n.answer,i=n.icon,o=t(!1),s=o[0],m=o[1];return e.createElement("div",{className:"faq-item",onClick:function(){return m(!s)}},e.createElement("div",{className:"faq-question-container"},e.createElement("h3",{className:"faq-question"},e.createElement("span",{dangerouslySetInnerHTML:{__html:r}})),e.createElement(a,{src:i,alt:"Toggle icon",className:"faq-icon ".concat(s?"rotate":""),width:24,height:24})),e.createElement("div",{className:"faq-answer ".concat(s?"open":"closed")},e.createElement("span",{dangerouslySetInnerHTML:{__html:c}})))};function c(t){var a=t.faq,c=t.title,i=void 0===c?"Frequently Asked Questions":c,o=t.icon,s=void 0===o?"../../images/accordion.png":o,m=t.addSchema,l=void 0===m||m,d=Array.isArray(a)?a:a.items;if(!d.length)return null;var u={"@context":"https://schema.org","@type":"FAQPage",mainEntity:d.map(function(e){return{"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}})};return n(function(){if(l){var e=document.getElementById("faq-json-ld-schema");e&&document.head.removeChild(e);var n=document.createElement("script");return n.type="application/ld+json",n.id="faq-json-ld-schema",n.innerHTML=JSON.stringify(u),document.head.appendChild(n),function(){document.head.contains(n)&&document.head.removeChild(n)}}},[a,l]),e.createElement(e.Fragment,null,e.createElement("div",{className:"faq-main-container"},e.createElement("h2",{className:"faq-title"},i),e.createElement("div",{className:"faq-inner-container"},d.map(function(n,t){return n.question?e.createElement(r,{key:t,question:n.question,answer:n.answer,icon:s}):null}))))}export{c as Faq};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import e from"react";import a from"moment";function
|
|
2
|
+
import e from"react";import a from"moment";import t from"next/image";import o from"next/link";function n(n){var c,l,r,i,m,d,s,u=n.featured,g=n.icon,f=n.nestedUrl,v=n.categoryUrl,E=n.category,h=n.isH1;return e.createElement("section",{className:"featured-blog-main-container"},e.createElement("div",{className:"featured-blog-image-container"},e.createElement(t,{src:u.featuredImage,alt:u.title,className:"featured-blog-image",width:1200,height:675}),e.createElement(o,{className:"post-category",href:"".concat(v?"/".concat(v):"","/category/").concat(null===(c=u.categoryInfo)||void 0===c?void 0:c.slug)},(null===(l=null==u?void 0:u.categoryInfo)||void 0===l?void 0:l.name)||"General")),e.createElement("div",{className:"featured-blog-data-container"},e.createElement(o,{href:"".concat(f?"/".concat(f):"","/post").concat(E?"/".concat(null===(r=u.categoryInfo)||void 0===r?void 0:r.slug):"","/").concat(u.slug),className:"featured-blog-title-link"},h?e.createElement("h1",{className:"featured-blog-title"},u.title):e.createElement("h2",{className:"featured-blog-title"},u.title)),e.createElement("div",{className:"featured-blog-avatar-main-container"},e.createElement("div",{className:"featured-blog-avatar"},(null===(i=u.author)||void 0===i?void 0:i.name)?null===(m=u.author)||void 0===m?void 0:m.name[0]:""),e.createElement("div",{className:"featured-blog-author-container"},e.createElement("h3",{className:"featured-blog-author-name"},(null===(d=u.author)||void 0===d?void 0:d.name)||""),e.createElement("div",{className:"featured-blog-date-read"},"On ".concat(a(u.publishedOn).format("ddd, MMM DD, YYYY"),", ").concat(u.readTime?"".concat(u.readTime," Min read"):"3 Min read")),e.createElement("h3",{className:"featured-blog-view-count"},u.views||0," ",1===(u.views||0)?"View":"Views"))),e.createElement("p",{className:"featured-blog-preview-content"},u.previewContent),e.createElement(o,{className:"read-more-container",href:"".concat(f?"/".concat(f):"","/post").concat(E?"/".concat(null===(s=u.categoryInfo)||void 0===s?void 0:s.slug):"","/").concat(u.slug)},e.createElement("p",null,"Read More"),g||null)))}export{n as FeaturedBlog};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__assign as e}from"../../_virtual/_tslib.js";import t,{useState as i,useEffect as n}from"react";import o from"react-slick";var
|
|
2
|
+
import{__assign as e}from"../../_virtual/_tslib.js";import t,{useState as i,useEffect as n}from"react";import o from"react-slick";import a from"next/image";var r={IMAGE:1,VIDEO:2,CAROUSEL_ALBUM:4};function s(s){var l=s.apiKey,c=s.mediaTypes,m=s.className,d=i(null),p=d[0],f=d[1],u=i("Loading feeds..."),h=u[0],E=u[1];return n(function(){var e="https://graph.instagram.com/me/media?fields=id,caption,media_type,media_url,timestamp&access_token=".concat(l);fetch(e).then(function(e){return e.json()}).then(function(e){var t=[];e.data.forEach(function(e,i){var n,o;n=e.media_type,((o=c)&r.IMAGE&&"IMAGE"===n||o&r.VIDEO&&"VIDEO"===n||o&r.CAROUSEL_ALBUM&&"CAROUSEL_ALBUM"===n)&&t.push(e)}),f(t)}).catch(function(e){E("Something went wrong!"),console.error(e)})},[]),t.createElement(t.Fragment,null,p?t.createElement(o,e({},{dots:!0,infinite:!0,autoplay:!0,speed:2e3,slidesToShow:6,slidesToScroll:1,responsive:[{breakpoint:1024,settings:{slidesToShow:3,slidesToScroll:3,infinite:!0,dots:!0}},{breakpoint:600,settings:{slidesToShow:2,slidesToScroll:2,infinite:!0,dots:!0}},{breakpoint:480,settings:{slidesToShow:2,slidesToScroll:2,infinite:!0,dots:!0}}]},{className:"".concat(m," lm-slider")}),null==p?void 0:p.map(function(e,i){return t.createElement("div",{key:crypto.randomUUID()},t.createElement(a,{src:e.media_url,alt:"image-".concat(i),width:400,height:400}))})):t.createElement("h3",{className:"text-center"},h))}export{r as INSTA_MEDIA_TYPES,s as InstaFeed};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import e from"react";var
|
|
2
|
+
import e from"react";import t from"next/image";var l={cashfree:{name:"Cashfree",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#00D4FF"}),e.createElement("path",{d:"M20 12h8c4.4 0 8 3.6 8 8s-3.6 8-8 8h-8V12z",fill:"white"}),e.createElement("text",{x:"45",y:"24",fill:"white",fontSize:"12",fontWeight:"600"},"Cashfree"))},razorpay:{name:"Razorpay",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#3395FF"}),e.createElement("path",{d:"M20 12l8 8-8 8-4-4 4-4-4-4 4-4z",fill:"white"}),e.createElement("text",{x:"32",y:"24",fill:"white",fontSize:"12",fontWeight:"600"},"Razorpay"))},stripe:{name:"Stripe",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#635BFF"}),e.createElement("path",{d:"M25 20c0-2 1.5-3 4-3 1.5 0 3 0.5 4 1v-2c-1-0.5-2.5-1-4-1-3.5 0-6 2-6 5s2.5 5 6 5c1.5 0 3-0.5 4-1v-2c-1 0.5-2.5 1-4 1-2.5 0-4-1-4-3z",fill:"white"}),e.createElement("text",{x:"40",y:"24",fill:"white",fontSize:"12",fontWeight:"600"},"Stripe"))},paypal:{name:"PayPal",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#0070BA"}),e.createElement("path",{d:"M20 12h6c3 0 5 2 5 4.5 0 2.5-2 4.5-5 4.5h-3l-1 5h-2l1-5 0-9z",fill:"white"}),e.createElement("path",{d:"M24 16h4c1 0 2 0.5 2 1.5s-1 1.5-2 1.5h-4v-3z",fill:"#0070BA"}),e.createElement("text",{x:"40",y:"24",fill:"white",fontSize:"12",fontWeight:"600"},"PayPal"))},paytm:{name:"Paytm",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#00BAF2"}),e.createElement("circle",{cx:"24",cy:"20",r:"8",fill:"white"}),e.createElement("path",{d:"M20 16h8v8h-8z",fill:"#00BAF2"}),e.createElement("text",{x:"40",y:"24",fill:"white",fontSize:"12",fontWeight:"600"},"Paytm"))},phonepe:{name:"PhonePe",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#5F259F"}),e.createElement("path",{d:"M20 12h8v16h-8V12z",fill:"white"}),e.createElement("path",{d:"M22 14h4v4h-4v-4zm0 6h4v4h-4v-4z",fill:"#5F259F"}),e.createElement("text",{x:"35",y:"24",fill:"white",fontSize:"12",fontWeight:"600"},"PhonePe"))},googlepay:{name:"Google Pay",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#4285F4"}),e.createElement("circle",{cx:"20",cy:"20",r:"6",fill:"#EA4335"}),e.createElement("circle",{cx:"28",cy:"20",r:"6",fill:"#FBBC05"}),e.createElement("circle",{cx:"24",cy:"16",r:"6",fill:"#34A853"}),e.createElement("text",{x:"38",y:"24",fill:"white",fontSize:"10",fontWeight:"600"},"Google Pay"))},amazonpay:{name:"Amazon Pay",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#FF9900"}),e.createElement("path",{d:"M20 16h8v8h-8z",fill:"white"}),e.createElement("path",{d:"M20 24c0 2 6 2 8 0",stroke:"white",strokeWidth:"2",fill:"none"}),e.createElement("text",{x:"35",y:"24",fill:"white",fontSize:"10",fontWeight:"600"},"Amazon Pay"))},upi:{name:"UPI",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#097939"}),e.createElement("text",{x:"20",y:"16",fill:"white",fontSize:"14",fontWeight:"bold"},"UPI"),e.createElement("text",{x:"20",y:"28",fill:"white",fontSize:"8"},"Unified Payments"))},visa:{name:"Visa",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#1A1F71"}),e.createElement("text",{x:"20",y:"26",fill:"white",fontSize:"18",fontWeight:"bold",fontStyle:"italic"},"VISA"))},mastercard:{name:"Mastercard",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"white"}),e.createElement("circle",{cx:"35",cy:"20",r:"12",fill:"#EB001B"}),e.createElement("circle",{cx:"45",cy:"20",r:"12",fill:"#F79E1B"}),e.createElement("text",{x:"65",y:"24",fill:"#000",fontSize:"10",fontWeight:"600"},"Mastercard"))},amex:{name:"American Express",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#006FCF"}),e.createElement("text",{x:"15",y:"24",fill:"white",fontSize:"12",fontWeight:"bold"},"AMEX"))},discover:{name:"Discover",defaultSvg:e.createElement("svg",{viewBox:"0 0 120 40",fill:"none"},e.createElement("rect",{width:"120",height:"40",rx:"8",fill:"#FF6000"}),e.createElement("text",{x:"20",y:"24",fill:"white",fontSize:"12",fontWeight:"600"},"DISCOVER"))}};function i(i){var n=i.providers,a=i.size,c=void 0===a?"small":a,r=i.layout,m=void 0===r?"horizontal":r,o=i.showText,h=void 0!==o&&o,f=i.title,g=i.customIcons,v=void 0===g?{}:g,d=i.classNames,x=void 0===d?{}:d,E=n,s={small:"h-6 w-auto",medium:"h-8 w-auto",large:"h-12 w-auto"},w="grid"===m?"grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2":"flex flex-wrap items-center gap-2",y=function(e,t){return t||e};return e.createElement("div",{className:y("payment-icons-container",x.container)},f?e.createElement("h3",{className:y("payment-icons-title",x.title)},f):null,e.createElement("div",{className:y("payment-icons-grid ".concat(w),x.iconsContainer)},E.map(function(i){var n=function(e){var t=l[e],i=v[e];return(null==i?void 0:i.icon)?{content:i.icon,type:"icon",name:i.name||(null==t?void 0:t.name)||e}:(null==i?void 0:i.image)?{content:i.image,type:"image",name:i.name||(null==t?void 0:t.name)||e}:{content:null==t?void 0:t.defaultSvg,type:"svg",name:(null==t?void 0:t.name)||e}}(i),a=n.content,r=n.type,m=n.name;return a?e.createElement("div",{key:i,className:y("payment-icon-item",x.icon),title:m},e.createElement("div",{className:"payment-icon ".concat(s[c])},"image"===r?e.createElement(t,{src:a,alt:m,className:y("payment-icon-image",x.image),width:120,height:40}):a),h&&e.createElement("span",{className:y("payment-icon-text",x.iconText)},m)):null})))}export{i as PaymentIcons};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import e,{useState as t,useEffect as a}from"react";import n from"moment";function
|
|
2
|
+
import e,{useState as t,useEffect as a}from"react";import n from"moment";import o from"next/image";import i from"next/link";function r(r){var c,l,m,d,s,p=r.post,u=r.ish1,h=r.views,v=r.categoryUrl,g=t(""),f=g[0],y=g[1];return a(function(){"undefined"!=typeof window&&y(window.location.href)},[]),a(function(){var e,t;if(f){var a={"@context":"https://schema.org","@type":"Article",headline:p.title,image:[p.featuredImage],author:{"@type":"Person",name:(null===(e=p.author)||void 0===e?void 0:e.name)||"Admin"},datePublished:n(p.publishedOn).toISOString(),dateModified:n(p.publishedOn).toISOString(),mainEntityOfPage:{"@type":"WebPage","@id":f},publisher:{"@type":"Organization",name:(null===(t=p.author)||void 0===t?void 0:t.name)||"Admin"},description:p.previewContent,articleBody:p.content.replace(/<[^>]+>/g,"")},o=document.getElementById("post-json-ld-schema");o&&document.head.removeChild(o);var i=document.createElement("script");return i.type="application/ld+json",i.id="post-json-ld-schema",i.innerHTML=JSON.stringify(a),document.head.appendChild(i),function(){document.head.contains(i)&&document.head.removeChild(i)}}},[f,p]),e.createElement("section",{className:"post-main-container"},u?e.createElement("h1",{className:"post-title"},p.title):e.createElement("h2",{className:"post-title"},p.title),e.createElement("div",{className:"post-avatar-main-container"},e.createElement("div",{className:"post-avatar"},(null===(c=p.author)||void 0===c?void 0:c.name)?null===(l=p.author)||void 0===l?void 0:l.name[0]:""),e.createElement("div",{className:"post-author-container"},e.createElement("h3",{className:"post-author-name"},(null===(m=p.author)||void 0===m?void 0:m.name)||""),e.createElement("div",{className:"post-date-read"},"On ".concat(n(p.publishedOn).format("ddd, MMM DD, YYYY"),", ").concat(p.readTime?"".concat(p.readTime," Min read"):"3 Min read"),e.createElement("h3",{className:"post-view-count"},h||0," ",1===(h||0)?"View":"Views")))),e.createElement("div",{className:"post-image-container"},e.createElement(o,{src:p.featuredImage,alt:p.title,className:"post-image",width:1200,height:675}),e.createElement(i,{className:"post-category",href:"".concat(v?"/".concat(v):"","/category/").concat(null===(d=p.categoryInfo)||void 0===d?void 0:d.slug)},(null===(s=null==p?void 0:p.categoryInfo)||void 0===s?void 0:s.name)||"General")),e.createElement("span",{dangerouslySetInnerHTML:{__html:p.content},className:"post-content",id:"post-content"}))}export{r as Post};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import e from"react";function
|
|
2
|
+
import e from"react";import t from"next/image";import a from"next/link";function l(l){var r=l.relatedPosts,s=l.title,c=l.nestedUrl,n=l.category;return r.length?e.createElement("div",{className:"related-posts-main-container"},e.createElement("h2",{className:"related-posts-title"},s||"Related Posts"),e.createElement("div",{className:"related-posts"},r.map(function(l,r){return e.createElement(a,{key:r,className:"related-post-item",href:"".concat(c?"/".concat(c):"","/post").concat(n?"/".concat(l.categoryInfo.slug):"","/").concat(l.slug)},e.createElement(t,{src:l.featuredImage,alt:l.title,className:"related-post-item-image",width:400,height:250}),e.createElement("h3",{className:"related-post-item-title"},l.title))}))):null}export{l as RelatedPosts};
|
package/dist/styles/style.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.post-image-container{height:auto;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}.blog-list-load-more-container{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.75rem}.input-container{display:flex;flex-direction:column;gap:.35rem;width:100%}.modal-form-input{border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;padding:.85rem 1rem;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.modal-form-input:focus{border-color:var(--job-detail-primary,var(--job-primary-color,#6c44c4));box-shadow:0 0 0 3px rgba(108,68,196,.15);outline:none}.modal-form-error-message{color:#ef4444;font-size:.8rem;margin-top:.15rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center;margin-top:.5rem}.modal-form-submit-button{background-color:var(
|
|
2
|
-
--job-detail-primary,var(--job-primary-color,#6c44c4)
|
|
1
|
+
.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.post-image-container{height:auto;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}.blog-list-load-more-container{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.75rem}.input-container{display:flex;flex-direction:column;gap:.35rem;width:100%}.modal-form-input{border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;padding:.85rem 1rem;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.modal-form-input:focus{border-color:var(--job-detail-primary,var(--job-primary-color,#6c44c4));box-shadow:0 0 0 3px rgba(108,68,196,.15);outline:none}.modal-form-error-message{color:#ef4444;font-size:.8rem;margin-top:.15rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center;margin-top:.5rem}.modal-form-submit-button{background-color:var(
|
|
2
|
+
--job-detail-primary,var(--job-primary-color,#6c44c4)
|
|
3
3
|
);border:2px solid var(--job-detail-primary,var(--job-primary-color,#6c44c4));border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.75rem;transition:all .25s ease;width:100%}.modal-form-submit-button:hover{background-color:#fff;box-shadow:0 10px 20px -12px rgba(108,68,196,.45);color:var(--job-detail-primary,var(--job-primary-color,#6c44c4));transform:translateY(-1px)}.modal-form-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.exit-intent-modal-wrapper{align-items:center;background-color:rgba(0,0,0,.58);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.exit-intent-modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.exit-intent-modal-close-button{position:absolute;right:.75rem;top:.75rem}.lm-hero-slider{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.lm-hero-slider-container{height:100%;position:relative;width:100%}.lm-hero-slider-slide{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .5s ease-in-out;width:100%}.lm-hero-slider-slide.fade.active{opacity:1}.lm-hero-slider-slide.scroll{opacity:1;transition:transform .5s ease-in-out}.lm-hero-slider-overlay{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0}.lm-hero-slider-content{color:#fff;max-width:800px;text-align:center;z-index:2}.lm-hero-slider-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.lm-hero-slider-description{font-size:1.25rem;line-height:1.5;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.lm-hero-slider-content .lm-hero-slider-title:last-child{margin-bottom:2rem}.lm-hero-slider-content .lm-hero-slider-title+.lm-hero-slider-button{margin-top:1rem}.lm-hero-slider-button{background-color:#f97316;border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;letter-spacing:.5px;padding:.875rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.lm-hero-slider-button:hover{background-color:#ea580c;box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.lm-hero-slider-nav{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.lm-hero-slider-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.lm-hero-slider-nav:disabled{cursor:not-allowed;opacity:.5;transform:translateY(-50%)}.lm-hero-slider-prev{left:1rem}.lm-hero-slider-next{right:1rem}.lm-hero-slider-dots{bottom:2rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.lm-hero-slider-dot{background:transparent;border:2px solid hsla(0,0%,100%,.7);border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.lm-hero-slider-dot.active{background:#fff;border-color:#fff}.lm-hero-slider-dot:hover{border-color:#fff;transform:scale(1.2)}.lm-hero-slider-dot:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.lm-hero-slider-title{font-size:2rem}.lm-hero-slider-description{font-size:1rem}.lm-hero-slider-content{padding:1rem}.lm-hero-slider-nav{height:40px;width:40px}.lm-hero-slider-prev{left:.5rem}.lm-hero-slider-next{right:.5rem}.lm-hero-slider-dots{bottom:1rem}}@media (max-width:480px){.lm-hero-slider-title{font-size:1.5rem}.lm-hero-slider-description{font-size:.875rem;margin-bottom:1.5rem}.lm-hero-slider-button{font-size:.875rem;padding:.75rem 1.5rem}}.author-card-container{background:linear-gradient(135deg,#642c89,#8b5a9b);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);color:#fff;margin:0 auto;max-width:100%;padding:24px}.author-card-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 20px}.author-card-content{background:#fff;border-radius:12px;color:#333;padding:24px}.author-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px;position:relative}.author-card-avatar-container{flex-shrink:0}.author-card-avatar{object-fit:cover}.author-card-avatar,.author-card-avatar-placeholder{border:3px solid #f0f0f0;border-radius:50%;height:64px;width:64px}.author-card-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;font-weight:600;justify-content:center}.author-card-info{flex:1;min-width:0}.author-card-name{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 4px}.author-card-role{color:#6b7280;font-size:14px;font-weight:500;margin:0}.author-card-social{display:flex;gap:8px;position:absolute;right:0;top:0}.author-card-social-link{align-items:center;background:#0077b5;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.author-card-social-link:hover{box-shadow:0 4px 12px rgba(0,119,181,.3);transform:translateY(-2px)}.author-card-social-link[href*="twitter.com"],.author-card-social-link[href*="x.com"]{background:#1da1f2}.author-card-social-link[href*="twitter.com"]:hover,.author-card-social-link[href*="x.com"]:hover{box-shadow:0 4px 12px rgba(29,161,242,.3)}.author-card-social-link[href*="github.com"]{background:#333}.author-card-social-link[href*="github.com"]:hover{box-shadow:0 4px 12px rgba(51,51,51,.3)}.author-card-social-link[href*="linkedin.com"]:hover{box-shadow:0 4px 12px rgba(0,119,181,.3)}.author-card-social-icon{height:20px;width:20px}.author-card-bio{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.author-card-bio-text{color:#4b5563;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.author-card-container,.author-card-content{padding:16px}.author-card-header{align-items:center;flex-direction:column;gap:12px;text-align:center}.author-card-social{justify-content:center;margin-top:12px;position:static}.author-card-name{font-size:18px}}@media (max-width:480px){.author-card-title{font-size:20px}.author-card-avatar,.author-card-avatar-placeholder{height:56px;width:56px}.author-card-avatar-placeholder{font-size:20px}.author-card-social-link{height:36px;width:36px}.author-card-social-icon{height:18px;width:18px}}.payment-icons-container{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center;width:100%}.payment-icons-title{color:#374151;font-size:16px;font-weight:600;margin:0;text-align:center}.payment-icons-grid{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.payment-icon-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:transform .2s ease,opacity .2s ease}.payment-icon-item:hover{opacity:.8;transform:translateY(-2px)}.payment-icon{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:center;overflow:hidden;transition:box-shadow .2s ease}.payment-icon:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.payment-icon svg,.payment-icon-image{display:block;height:100%;width:100%}.payment-icon-image{border-radius:4px;object-fit:contain}.payment-icon-text{color:#6b7280;font-size:12px;font-weight:500;margin-top:4px;text-align:center}.payment-icons-grid.grid{display:grid;gap:8px;justify-items:center}.payment-icon.h-6{height:24px;min-width:60px}.payment-icon.h-8{height:32px;min-width:80px}.payment-icon.h-12{height:48px;min-width:120px}@media (max-width:768px){.payment-icons-grid{gap:8px}.payment-icon.h-12{height:40px;min-width:100px}.payment-icons-title{font-size:14px}}@media (max-width:480px){.payment-icons-grid{gap:6px}.payment-icon.h-8{height:28px;min-width:70px}.payment-icon.h-12{height:36px;min-width:90px}.payment-icon-text{font-size:10px}}.payment-icons-container.footer-variant{gap:8px}.payment-icons-container.footer-variant .payment-icons-title{color:#9ca3af;font-size:14px}.payment-icons-container.footer-variant .payment-icon{opacity:.8}.payment-icons-container.footer-variant .payment-icon:hover{opacity:1}.payment-icons-container.checkout-variant{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:16px;padding:16px}.payment-icons-container.checkout-variant .payment-icons-title{color:#1f2937;font-size:18px}.payment-icons-container.checkout-variant .payment-icon{box-shadow:0 4px 6px rgba(0,0,0,.1)}.job-list-container{--job-primary-color:#6c44c4;display:flex;flex-direction:column;gap:2.5rem;width:100%}.job-list-header{margin-bottom:.5rem;text-align:center}.job-list-title{color:var(--job-primary-color,#6c44c4);font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.job-list-subtitle{color:#6b708d;font-size:1.125rem;font-weight:400;margin:0}.job-list-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.job-card{align-items:center;background:#f8f7ff;background:color-mix(in srgb,var(--job-primary-color,#6c44c4) 8%,#fff 92%);border:1px solid color-mix(in srgb,var(--job-primary-color,#6c44c4) 18%,#fff 82%);border-radius:16px;display:flex;gap:1.25rem;justify-content:space-between;padding:1.5rem 1.75rem}.job-card-content{display:flex;flex:1;flex-direction:column;gap:.75rem}.job-card-header{align-items:center;display:flex;gap:2rem}.job-card-title{color:#2d264b;flex:1;font-size:1.3rem;font-weight:700;margin:0}.job-card-share-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.375rem;transition:all .2s ease}.job-card-share-button:hover{background-color:#f3f4f6;border-color:var(--job-primary-color,#6c44c4);color:var(--job-primary-color,#6c44c4)}.job-card-share-button svg{height:1rem;width:1rem}.job-card-details{display:flex;flex-direction:column;gap:.25rem}.job-card-location,.job-card-type{align-items:center;color:#5c5f7d;display:flex;font-size:.9rem;gap:.5rem}.job-card-icon{flex-shrink:0;height:18px;width:18px}.job-card-actions{display:flex;justify-content:flex-end;margin-top:auto}.job-card-button{align-items:center;background-color:#fff;border:2px solid var(--job-primary-color,#6c44c4);border-radius:8px;color:var(--job-primary-color,#6c44c4);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.65rem 1.6rem;text-decoration:none;transition:all .25s ease;white-space:nowrap}.job-card-button:hover{background-color:var(--job-primary-color,#6c44c4);box-shadow:0 12px 24px -10px rgba(108,68,196,.6);color:#fff;transform:translateY(-2px)}.job-card-arrow{height:16px;transition:transform .25s ease;width:16px}.job-card-button:hover .job-card-arrow{transform:translateX(4px)}.job-list-empty{color:#6b7280;font-size:1.125rem;padding:3rem 1rem;text-align:center}.job-list-general-apply{align-items:center;background-color:color-mix(in srgb,var(--job-primary-color,#6c44c4) 6%,#fff 94%);border:1px solid color-mix(in srgb,var(--job-primary-color,#6c44c4) 16%,#fff 84%);border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem;padding:2rem;text-align:center}.job-list-general-apply-text{color:#403b67;font-size:1.05rem;font-weight:500;margin:0;max-width:640px}.job-list-general-apply-button{align-items:center;background-color:var(--job-primary-color,#6c44c4);border:2px solid var(--job-primary-color,#6c44c4);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.75rem 2rem;transition:all .25s ease}.job-list-general-apply-button:hover{background-color:#fff;box-shadow:0 12px 20px -12px rgba(108,68,196,.45);color:var(--job-primary-color,#6c44c4);transform:translateY(-2px)}.job-list-general-apply-button:active{transform:translateY(0)}.job-list-email-section{background-color:#fff;border:1px solid rgba(108,68,196,.15);border-radius:14px;box-shadow:0 18px 32px -24px rgba(108,68,196,.45);display:flex;flex-direction:column;gap:.5rem;max-width:420px;padding:1.5rem 1.75rem}.job-list-email-label{color:#5e5a7c;font-size:.95rem;font-weight:600;margin:0}.job-list-email-link{color:var(--job-primary-color,#6c44c4);font-size:1.15rem;font-weight:600;text-decoration:none;transition:all .25s ease;word-break:break-all}.job-list-email-link:hover{opacity:.85;text-decoration:underline}.job-detail-container{--job-detail-primary:#6c44c4;display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:900px;width:100%}.job-detail-navigation-bar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.job-detail-back-button{align-items:center;color:#615f7a;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .25s ease;width:fit-content}.job-detail-back-button:hover{color:var(--job-detail-primary,#6c44c4);transform:translateX(-4px)}.job-detail-back-button svg{height:1rem;width:1rem}.job-detail-share-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s ease}.job-detail-share-button:hover{background-color:#f3f4f6;border-color:var(--job-detail-primary,#6c44c4);color:var(--job-detail-primary,#6c44c4)}.job-detail-share-button svg{height:1.25rem;width:1.25rem}.job-detail-header{display:flex;flex-direction:column;gap:1.25rem}.job-detail-title{color:#2d264b;font-size:2.75rem;font-weight:700;line-height:1.2;margin:0}.job-detail-meta-info{display:flex;flex-direction:column;gap:.85rem}.job-meta-item{align-items:center;color:#57597d;display:flex;font-size:1rem;gap:.75rem}.job-meta-icon{color:var(--job-detail-primary,#6c44c4);flex-shrink:0;height:20px;width:20px}.job-detail-description{background:color-mix(in srgb,var(--job-detail-primary,#6c44c4) 8%,#fff 92%);border:1px solid color-mix(in srgb,var(--job-detail-primary,#6c44c4) 18%,#fff 82%);border-radius:18px;color:#3b375a;font-size:1rem;line-height:1.75;padding:2rem 1.85rem}.job-detail-description h2{color:#2d264b;font-size:1.6rem;font-weight:700;margin-bottom:1.1rem;margin-top:2rem}.job-detail-description h3{color:#39345c;font-size:1.3rem;font-weight:600;margin-bottom:.85rem;margin-top:1.75rem}.job-detail-description p{margin-bottom:1rem}.job-detail-description ol,.job-detail-description ul{margin-bottom:1rem;margin-left:1.5rem}.job-detail-description li{margin-bottom:.65rem}.job-detail-requirements{background-color:color-mix(in srgb,var(--job-detail-primary,#6c44c4) 6%,#fff 94%);border:1px solid color-mix(in srgb,var(--job-detail-primary,#6c44c4) 16%,#fff 84%);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.job-detail-requirements h3{color:#2d264b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.job-detail-requirements .requirement-item{color:#3b375a;line-height:1.5;margin-bottom:.75rem}.job-detail-requirements .requirement-item:last-child{margin-bottom:0}.job-detail-requirements strong{color:#2d264b;font-weight:600}.job-detail-cta{display:flex;flex-direction:column;gap:1.5rem}.job-detail-apply-button{align-self:flex-start;background-color:var(--job-detail-primary,#6c44c4);border:2px solid var(--job-detail-primary,#6c44c4);border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 2.1rem;transition:all .25s ease;width:fit-content}.job-detail-apply-button:hover{background-color:#fff;box-shadow:0 14px 28px -16px rgba(108,68,196,.55);color:var(--job-detail-primary,#6c44c4);transform:translateY(-2px)}.job-detail-email-section{background-color:#fff;border:1px solid rgba(108,68,196,.15);border-radius:14px;box-shadow:0 18px 32px -24px rgba(108,68,196,.45);display:flex;flex-direction:column;gap:.5rem;max-width:420px;padding:1.5rem 1.75rem}.job-detail-email-label{color:#5e5a7c;font-size:.95rem;font-weight:600;margin:0}.job-detail-email-link{color:var(--job-detail-primary,#6c44c4);font-size:1.15rem;font-weight:600;text-decoration:none;transition:all .25s ease;word-break:break-all}.job-detail-email-link:hover{opacity:.85;text-decoration:underline}.career-modal-wrapper{align-items:center;background-color:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1rem;position:fixed;z-index:9999}.career-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.career-modal-close-button{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:color .3s ease}.career-modal-close-button:hover{color:#1a1a1a}.career-modal-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.career-modal-description{color:#666;font-size:1rem;line-height:1.5;margin:-.5rem 0 1.5rem;text-align:center}.career-modal-form-wrapper{width:100%}.career-modal-form{display:flex;flex-direction:column;gap:1rem}.career-input-container{display:flex;flex-direction:column;gap:.25rem}.career-form-input,.career-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.career-form-input:focus,.career-form-textarea:focus{border-color:var(--job-detail-primary,#6c44c4);box-shadow:0 0 0 3px rgba(108,68,196,.1);outline:none}.career-form-input::placeholder,.career-form-textarea::placeholder{color:#9ca3af}.career-form-textarea{min-height:100px;resize:vertical}.career-file-label{cursor:pointer}.career-file-input{display:none}.career-file-button{background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;display:block;font-size:1rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100%}.career-file-label:hover .career-file-button{background-color:rgba(108,68,196,.02);border-color:var(--job-detail-primary,#6c44c4);color:var(--job-detail-primary,#6c44c4)}.career-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.career-form-button-container{display:flex;justify-content:center;margin-top:1rem}.career-form-submit-button{background-color:var(--job-detail-primary,#6c44c4);border:2px solid var(--job-detail-primary,#6c44c4);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .25s ease;width:100%}.career-form-submit-button:hover:not(:disabled){background-color:#fff;box-shadow:0 4px 12px rgba(108,68,196,.3);color:var(--job-detail-primary,#6c44c4);transform:translateY(-2px)}.career-form-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.candidate-form-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:0 auto;max-width:700px;padding:2rem;width:100%}.candidate-form-header{margin-bottom:2rem;text-align:center}.candidate-form-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 1rem}.candidate-form-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.candidate-form{display:flex;flex-direction:column;gap:1rem}.candidate-input-container{display:flex;flex-direction:column;gap:.25rem}.candidate-form-input,.candidate-form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.candidate-form-input:focus,.candidate-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.candidate-form-textarea{min-height:100px;resize:vertical}.candidate-file-label{cursor:pointer}.candidate-file-input{display:none}.candidate-file-button{border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;display:block;font-size:1rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100%}.candidate-file-label:hover .candidate-file-button{background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.candidate-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.candidate-form-button-container{display:flex;justify-content:center;margin-top:1rem}.candidate-form-submit-button{background-color:var(--job-primary-color,#6c44c4);border:2px solid var(--job-primary-color,#6c44c4);border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 2.2rem;transition:all .25s ease}.candidate-form-submit-button:hover:not(:disabled){background-color:#fff;box-shadow:0 14px 28px -16px rgba(108,68,196,.55);color:var(--job-primary-color,#6c44c4);transform:translateY(-2px)}.candidate-form-submit-button:disabled{background-color:var(--job-primary-color,#6c44c4);box-shadow:none;color:#fff;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.job-list-grid{grid-template-columns:1fr}.job-list-title{font-size:1.5rem}.job-detail-title{font-size:2rem}.job-detail-meta-info{gap:.5rem}.career-modal-container{padding:1.5rem}.career-modal-title{font-size:1.5rem}.candidate-form-container{padding:1.5rem}.candidate-form-title{font-size:1.5rem}}@media (max-width:480px){.job-card{padding:1.25rem}.job-card-title{font-size:1.125rem}.job-detail-title{font-size:1.75rem}.candidate-form-container,.career-modal-container{padding:1rem}}
|