.elementor-854 .elementor-element.elementor-element-80ffdc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-854 .elementor-element.elementor-element-4150601{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-854 .elementor-element.elementor-element-48e9248 .elementor-icon-list-icon{width:14px;}.elementor-854 .elementor-element.elementor-element-48e9248 .elementor-icon-list-icon i{font-size:14px;}.elementor-854 .elementor-element.elementor-element-48e9248 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-854 .elementor-element.elementor-element-24089b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-854 .elementor-element.elementor-element-f9d5358{padding:0px 0px 0px 0px;}.elementor-854 .elementor-element.elementor-element-1f527c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:120px;--padding-bottom:120px;--padding-left:60px;--padding-right:60px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-854 .elementor-element.elementor-element-576a655{--divider-border-style:solid;--divider-color:#232322;--divider-border-width:4px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-854 .elementor-element.elementor-element-576a655.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-854 .elementor-element.elementor-element-576a655 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-854 .elementor-element.elementor-element-576a655 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-854 .elementor-element.elementor-element-37ce19b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:60px;--padding-right:60px;}.elementor-854 .elementor-element.elementor-element-21525d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-854 .elementor-element.elementor-element-248b94a{padding:0px 0px 0px 0px;}.elementor-854 .elementor-element.elementor-element-248b94a .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-854 .elementor-element.elementor-element-08120ff{padding:0px 0px 0px 0px;}.elementor-854 .elementor-element.elementor-element-08120ff .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-854 .elementor-element.elementor-element-736ccad{padding:0px 0px 0px 0px;}.elementor-854 .elementor-element.elementor-element-736ccad .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-854 .elementor-element.elementor-element-29fb3c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-type-html{padding-bottom:0px;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group .elementor-field{color:#23232263;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group .elementor-field, .elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:1.5em;font-weight:500;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F7F4F000;border-color:#232322;border-width:02px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group .elementor-select-wrapper select{background-color:#F7F4F000;border-color:#232322;border-width:02px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-field-group .elementor-select-wrapper::before{color:#232322;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-button{font-family:"Inter", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-854 .elementor-element.elementor-element-360cfb0 .e-form__buttons__wrapper__button-next{background-color:#F7F4F000;color:var( --e-global-color-secondary );transition-duration:1000ms;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-button[type="submit"]{background-color:#F7F4F000;color:var( --e-global-color-secondary );transition-duration:1000ms;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-secondary );transition-duration:1000ms;}.elementor-854 .elementor-element.elementor-element-360cfb0 .e-form__buttons__wrapper__button-previous{color:var( --e-global-color-secondary );transition-duration:1000ms;}.elementor-854 .elementor-element.elementor-element-360cfb0 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-854 .elementor-element.elementor-element-360cfb0 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-854 .elementor-element.elementor-element-360cfb0 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-854 .elementor-element.elementor-element-360cfb0{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-854 .elementor-element.elementor-element-fa81a3d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:120px;--padding-left:60px;--padding-right:060px;}@media(min-width:768px){.elementor-854 .elementor-element.elementor-element-1f527c8{--content-width:100%;}.elementor-854 .elementor-element.elementor-element-21525d6{--width:50%;}.elementor-854 .elementor-element.elementor-element-29fb3c3{--width:50%;}.elementor-854 .elementor-element.elementor-element-fa81a3d{--width:70%;}}@media(max-width:1024px){.elementor-854 .elementor-element.elementor-element-576a655 .elementor-divider-separator{width:100%;}}@media(max-width:767px){.elementor-854 .elementor-element.elementor-element-576a655 .elementor-divider-separator{width:100%;}}/* Start custom CSS for container, class: .elementor-element-1f527c8 */'use client';
import React from 'react';

import ImageMouseTrail from '@/components/ui/mousetrail';

const images = [
  'https://images.unsplash.com/photo-1709949908058-a08659bfa922?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1548192746-dd526f154ed9?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1693581176773-a5f2362209e6?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1584043204475-8cc101d6c77a?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1709949908058-a08659bfa922?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1518599904199-0ca897819ddb?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1706049379414-437ec3a54e93?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1709949908219-fd9046282019?q=80&w=1200&auto=format',
  'https://images.unsplash.com/photo-1508873881324-c92a3fc536ba?q=80&w=1200&auto=format',
];
export default function DefaultMousetrail() {
  return (
    <section>
      <ImageMouseTrail
        items={images}
        maxNumberOfImages={5}
        distance={25}
        imgClass='sm:w-40 w-28 sm:h-48 h-36'
      >
        <article className='relative z-50 mix-blend-difference'>
          <h1 className='lg:text-4xl md:text-3xl text-xl text-center font-semibold mix-blend-difference'>
            ✨ Experience Interactive Designs with <br />
            Dynamic Mouse Trails
          </h1>
        </article>
      </ImageMouseTrail>
    </section>
  );
}/* End custom CSS */