FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-essential-addons
/
patterns
Edit File: saaslauncher-hero-with-popup.php
<?php /** * Title: PRO: Hero Section with Video Popup * Slug: cozy-essential-addons/saaslauncher-hero-with-popup * Categories: saaslauncher-hero */ $ct_patterns_media = array( COZY_ESSENTIAL_ADDONS_ASSETS_URL . 'admin/images/saaslauncher/play_icon.png', COZY_ESSENTIAL_ADDONS_ASSETS_URL . 'admin/images/saaslauncher/launcher-dash.png', ); ?> <!-- wp:group {"metadata":{"categories":["saaslauncher"],"patternName":"cozy-essential-addons/saaslauncher-hero-with-popup","name":"Header Large with Banner"},"style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"gradient":"gradient-one","layout":{"type":"constrained","contentSize":"1180px"}} --> <div class="wp-block-group has-gradient-one-gradient-background has-background" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"className":"saaslauncher-header","style":{"spacing":{"padding":{"top":"22px","right":"var:preset|spacing|40","bottom":"22px","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}},"border":{"bottom":{"width":"0px","style":"none"}}},"layout":{"type":"constrained","contentSize":"1180px"}} --> <div class="wp-block-group saaslauncher-header" style="border-bottom-style:none;border-bottom-width:0px;margin-top:0;margin-bottom:0;padding-top:22px;padding-right:var(--wp--preset--spacing--40);padding-bottom:22px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} --> <div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:site-logo {"width":40,"shouldSyncIcon":false} /--> <!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"none","letterSpacing":"0px","fontSize":"28px","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|light-color"},":hover":{"color":{"text":"var:preset|color|secondary"}}}},"spacing":{"margin":{"top":"0px"}}}} /--> </div> <!-- /wp:group --> <!-- wp:navigation {"ref":4450,"textColor":"light-color","overlayBackgroundColor":"secondary-bg","overlayTextColor":"heading-color","className":"saaslauncher-navigation","style":{"typography":{"textTransform":"none","fontStyle":"normal","fontWeight":"500","lineHeight":"2"},"spacing":{"blockGap":"24px"}},"fontSize":"normal","layout":{"type":"flex","justifyContent":"center"}} /--> <!-- wp:buttons {"className":"is-style-button-zoom-on-hover"} --> <div class="wp-block-buttons is-style-button-zoom-on-hover"><!-- wp:button {"gradient":"gradient-twelve","style":{"border":{"radius":"60px"},"spacing":{"padding":{"left":"40px","right":"40px","top":"16px","bottom":"16px"}},"typography":{"fontSize":"18px"}}} --> <div class="wp-block-button has-custom-font-size" style="font-size:18px"><a class="wp-block-button__link has-gradient-twelve-gradient-background has-background wp-element-button" style="border-radius:60px;padding-top:16px;padding-right:40px;padding-bottom:16px;padding-left:40px"><?php esc_html_e('Get Started', 'cozy-essential-addons') ?></a></div> <!-- /wp:button --> </div> <!-- /wp:buttons --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"6rem","bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"1180px"}} --> <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:6rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"className":"wp-embed-aspect-4-3 wp-has-aspect-ratio","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} --> <div class="wp-block-group wp-embed-aspect-4-3 wp-has-aspect-ratio"><!-- wp:group {"className":"is-style-saaslauncher-gradient-border","style":{"spacing":{"padding":{"top":"8px","bottom":"8px","left":"24px","right":"24px"}},"border":{"radius":"60px","top":{"radius":"60px","width":"2px"},"right":{"radius":"60px","width":"2px"},"bottom":{"radius":"60px","width":"0px","style":"none"},"left":{"radius":"60px","width":"2px"}}},"backgroundColor":"dark-shade","layout":{"type":"constrained"}} --> <div class="wp-block-group is-style-saaslauncher-gradient-border has-dark-shade-background-color has-background" style="border-radius:60px;border-top-width:2px;border-right-width:2px;border-bottom-style:none;border-bottom-width:0px;border-left-width:2px;padding-top:8px;padding-right:24px;padding-bottom:8px;padding-left:24px"><!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"normal"} --> <h5 class="wp-block-heading has-light-color-color has-text-color has-link-color has-normal-font-size"><?php esc_html_e('Welcome to SaasLauncher', 'cozy-essential-addons') ?></h5> <!-- /wp:heading --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> <!-- wp:group {"className":"wp-embed-aspect-4-3 wp-has-aspect-ratio","layout":{"type":"constrained","contentSize":"740px"}} --> <div class="wp-block-group wp-embed-aspect-4-3 wp-has-aspect-ratio"><!-- wp:heading {"textAlign":"center","level":1,"className":"saaslauncher-big-title","style":{"typography":{"fontStyle":"normal","fontWeight":"800","fontSize":"64px","lineHeight":"1.2"},"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color"} --> <h1 class="wp-block-heading has-text-align-center saaslauncher-big-title has-light-color-color has-text-color has-link-color" style="font-size:64px;font-style:normal;font-weight:800;line-height:1.2"><?php esc_html_e('Redefine Socializing', 'cozy-essential-addons') ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php esc_html_e('The Ultimate', 'cozy-essential-addons') ?></mark> <?php esc_html_e('Experience', 'cozy-essential-addons') ?></h1> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color"} --> <p class="has-text-align-center has-light-color-color has-text-color has-link-color"><?php esc_html_e('Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.', 'cozy-essential-addons') ?></p> <!-- /wp:paragraph --> </div> <!-- /wp:group --> <!-- wp:group {"className":"wp-embed-aspect-4-3 wp-has-aspect-ratio","style":{"spacing":{"margin":{"top":"28px","bottom":"0"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} --> <div class="wp-block-group wp-embed-aspect-4-3 wp-has-aspect-ratio" style="margin-top:28px;margin-bottom:0"><!-- wp:buttons {"className":"is-style-button-zoom-on-hover","style":{"spacing":{"margin":{"top":"0px"}}},"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons is-style-button-zoom-on-hover" style="margin-top:0px"><!-- wp:button {"gradient":"gradient-twelve","style":{"border":{"radius":"60px"},"spacing":{"padding":{"left":"40px","right":"40px","top":"20px","bottom":"20px"}}},"fontSize":"medium"} --> <div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-gradient-twelve-gradient-background has-background wp-element-button" style="border-radius:60px;padding-top:20px;padding-right:40px;padding-bottom:20px;padding-left:40px"><?php esc_html_e('Start Free Trial', 'cozy-essential-addons') ?></a></div> <!-- /wp:button --> </div> <!-- /wp:buttons --> <!-- wp:cozy-block/modal {"blockClientId":"53ad5d42-2fbc-4c57-be57-a00f764102a7","boxWidth":780,"modalEvent":"click","backgroundOverlayColor":"#0a0a0ad1","backgroundColor":"#0A0A0A","iconStyles":{"enabled":true,"alignment":"right","horizontalSpacing":20,"verticalSpacing":50,"boxWidth":40,"boxHeight":40,"radius":100,"iconSize":10,"bg":"#AC5BFF","bgHover":"#6967FF","iconColor":"#FFFFFE","iconColorHover":"","border":"1px solid #000","borderRadius":20},"clickButtonStyles":{"padding":{"top":10,"right":10,"bottom":10,"left":10},"content":"image","label":"Open Popup","imgURL":"<?php echo esc_url($ct_patterns_media[0]) ?>","imgWidth":80,"imgHeight":80,"imgRadius":0,"imgHasPulse":true,"fontSize":14,"justify":"center","borderType":"none","borderWidth":{"top":1,"right":1,"bottom":1,"left":1},"borderColor":"#000","borderRadius":60,"color":"#ffffff00","colorHover":"","bgColor":"#ffffff00","bgColorHover":""}} --> <a class="cozy-modal-open" data-type="53ad5d42-2fbc-4c57-be57-a00f764102a7"> <figure class="cozy-modal-open__img has-pulse-animation"><img src="<?php echo esc_url($ct_patterns_media[0]) ?>" /></figure> </a> <div class="cozy-block-modal type-default event-click display-none icon-align-right" id="cozyBlock_53ad5d42_2fbc_4c57_be57_a00f764102a7"> <div class="close-icon-wrapper"> <div class="modal-icon-wrapper"><svg class="modal-close-icon" width="16" height="16" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.8516 8.59375L16.7378 3.70752C17.3374 3.10791 17.3374 2.13574 16.7378 1.53564L15.6519 0.449707C15.0522 -0.149902 14.0801 -0.149902 13.48 0.449707L8.59375 5.33594L3.70752 0.449707C3.10791 -0.149902 2.13574 -0.149902 1.53564 0.449707L0.449707 1.53564C-0.149902 2.13525 -0.149902 3.10742 0.449707 3.70752L5.33594 8.59375L0.449707 13.48C-0.149902 14.0796 -0.149902 15.0518 0.449707 15.6519L1.53564 16.7378C2.13525 17.3374 3.10791 17.3374 3.70752 16.7378L8.59375 11.8516L13.48 16.7378C14.0796 17.3374 15.0522 17.3374 15.6519 16.7378L16.7378 15.6519C17.3374 15.0522 17.3374 14.0801 16.7378 13.48L11.8516 8.59375Z"></path> </svg></div> </div><!-- wp:group {"style":{"spacing":{"padding":{"top":"50px","bottom":"50px","left":"16px","right":"16px"}}},"layout":{"type":"constrained","contentSize":"780px"}} --> <div class="wp-block-group" style="padding-top:50px;padding-right:16px;padding-bottom:50px;padding-left:16px"><!-- wp:embed {"url":"https://www.youtube.com/watch?v=GP4NxSbikS4","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-4-3 wp-has-aspect-ratio"} --> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"> <div class="wp-block-embed__wrapper"> https://www.youtube.com/watch?v=GP4NxSbikS4 </div> </figure> <!-- /wp:embed --> </div> <!-- /wp:group --> </div> <!-- /wp:cozy-block/modal --> </div> <!-- /wp:group --> <!-- wp:group {"className":"wp-embed-aspect-4-3 wp-has-aspect-ratio","style":{"spacing":{"margin":{"top":"64px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} --> <div class="wp-block-group wp-embed-aspect-4-3 wp-has-aspect-ratio" style="margin-top:64px"><!-- wp:group {"className":"is-style-saaslauncher-gradient-border","style":{"border":{"radius":"30px","top":{"radius":"30px","width":"1px"},"right":{"radius":"30px","width":"1px"},"bottom":{"radius":"30px","width":"0px","style":"none"},"left":{"radius":"30px","width":"1px"}}},"backgroundColor":"dark-shade","layout":{"type":"constrained"}} --> <div class="wp-block-group is-style-saaslauncher-gradient-border has-dark-shade-background-color has-background" style="border-radius:30px;border-top-width:1px;border-right-width:1px;border-bottom-style:none;border-bottom-width:0px;border-left-width:1px"><!-- wp:image {"id":8635,"sizeSlug":"large","linkDestination":"none","align":"center","className":"is-style-saaslauncher-image-hover-zoom"} --> <figure class="wp-block-image aligncenter size-large is-style-saaslauncher-image-hover-zoom"><img src="<?php echo esc_url($ct_patterns_media[1]) ?>" alt="" class="wp-image-8635" /></figure> <!-- /wp:image --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:group -->
Save
Back