{"id":9,"date":"2025-08-25T09:54:16","date_gmt":"2025-08-25T09:54:16","guid":{"rendered":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/?page_id=9"},"modified":"2025-12-29T09:05:05","modified_gmt":"2025-12-29T09:05:05","slug":"homepage","status":"publish","type":"page","link":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t                                                <div class=\"absolute h-full w-full overflow-hidden nextsaas-background-wrapper left-0\" style=\"z-index: 0;\">\r\n                <div\r\n                    class=\"absolute -z-0 left-[50%] -translate-x-1\/2 top-5 h-full main-container flex justify-between gap-[239px]\">\r\n                    <div data-hero-line\r\n                        class=\"w-px bg-gradient-to-b from-stroke-1 to-stroke-1\/30 dark:from-stroke-5 dark:to-stroke-5\/30 h-0\">\r\n                    <\/div>\r\n                    <div data-hero-line\r\n                        class=\"w-px bg-gradient-to-b from-stroke-1 to-stroke-1\/30 dark:from-stroke-5 dark:to-stroke-5\/30 h-0\">\r\n                    <\/div>\r\n                    <div data-hero-line\r\n                        class=\"w-px bg-gradient-to-b from-stroke-1 to-stroke-1\/30 dark:from-stroke-5 dark:to-stroke-5\/30 h-0\">\r\n                    <\/div>\r\n                    <div data-hero-line\r\n                        class=\"w-px bg-gradient-to-b from-stroke-1 to-stroke-1\/30 dark:from-stroke-5 dark:to-stroke-5\/30 h-0\">\r\n                    <\/div>\r\n                    <div data-hero-line\r\n                        class=\"w-px bg-gradient-to-b from-stroke-1 to-stroke-1\/30 dark:from-stroke-5 dark:to-stroke-5\/30 h-0\">\r\n                    <\/div>\r\n                    <div data-hero-line\r\n                        class=\"w-px bg-gradient-to-b from-stroke-1 to-stroke-1\/30 dark:from-stroke-5 dark:to-stroke-5\/30 h-0\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                                                        <div class=\"has-nextsaas-background elementor-element elementor-element-3cfe044 e-con-full nextsaas-custom-background-yes e-flex nextsaas-filter-effect-no nextsaas-sticky-no e-con e-parent\" data-id=\"3cfe044\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-486a51c9 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"486a51c9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-5cf0f951 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"5cf0f951\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tDesign that tells stories, code that connects.\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-21e0bb32 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"21e0bb32\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Stay updated with the latest bitcoin price index, offering real-time data, historical trends, and market insights to keep you informed about the cryptocurrency's value fluctuations.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-364241d e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"364241d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-72efeafe elementor-widget-mobile__width-inherit nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-button\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"left\" data-offset=\"50\" data-rotation=\"0\" data-id=\"72efeafe\" data-element_type=\"widget\" data-widget_type=\"nextsaas-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-72efeafe .nextsaas_button_wrap .nextsaas-button:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%231A1A1C' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\t\t<div class=\"nextsaas_button_wrap\">\r\n\t\t\t\t\t\t<div class=\"md:inline-block block\">\r\n\t\t\t\t<a href=\"\/creative-portfolio\/about-us\/\"  class=\"btn btn-white btn-xl dark:btn-transparent hover:btn-primary w-full md:w-auto nextsaas-button\">\r\n\t\t\t\t  <span>View portfolio<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-7896148f elementor-widget-mobile__width-inherit nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-button\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.5\" data-direction=\"left\" data-offset=\"60\" data-rotation=\"0\" data-id=\"7896148f\" data-element_type=\"widget\" data-widget_type=\"nextsaas-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-7896148f .nextsaas_button_wrap .nextsaas-button:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%23FCFCFC' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\t\t<div class=\"nextsaas_button_wrap\">\r\n\t\t\t\t\t\t<div class=\"md:inline-block block\">\r\n\t\t\t\t<a href=\"\/creative-portfolio\/contact-us\/\"  class=\"btn btn-white btn-xl dark:btn-transparent hover:btn-primary w-full md:w-auto nextsaas-button\">\r\n\t\t\t\t  <span>Book a call<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bdbfb8 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"6bdbfb8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-20463bd5 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_hero_slide\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.6\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"20463bd5\" data-element_type=\"widget\" data-widget_type=\"nextsaas_hero_slide.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"nextsaas-hero-slide-wrapper\" data-layout=\"layout-1\">\r\n      \r\n<div>\r\n  <div class=\"hero-slides-container flex gap-[16px] justify-center items-center overflow-y-auto overflow-x-hidden scroll-bar\"\r\n    data-expand-initial-width=\"500\"\r\n    data-expand-max-width=\"950\"\r\n    data-slides-gap=\"16\"\r\n    data-slide-max-height=\"380\"\r\n    data-slide-min-width=\"257\">\r\n    \r\n      <figure class=\"hero-slide-item rounded-[20px] overflow-hidden w-full max-h-[380px] min-w-[257px] ml-4\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/hero-slide-1.jpg\"\r\n          class=\"w-full h-full object-cover\"\r\n          alt=\"Hero slide 1\" \/>\r\n      <\/figure>\r\n\r\n    \r\n      <figure class=\"hero-slide-item rounded-[20px] overflow-hidden w-full max-h-[380px] min-w-[257px]\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/hero-slide-2.jpg\"\r\n          class=\"w-full h-full object-cover\"\r\n          alt=\"Hero slide 2\" \/>\r\n      <\/figure>\r\n\r\n    \r\n      <figure class=\"hero-slide-item rounded-[20px] overflow-hidden w-full max-h-[380px] min-w-[257px]\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/hero-slide-3.jpg\"\r\n          class=\"w-full h-full object-cover\"\r\n          alt=\"Hero slide 3\" \/>\r\n      <\/figure>\r\n\r\n    \r\n      <figure class=\"hero-slide-item rounded-[20px] overflow-hidden w-full max-h-[380px] scroll-expand min-w-[500px]\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/hero-slide-4.jpg\"\r\n          class=\"w-full h-full object-cover\"\r\n          alt=\"Hero slide 4\" \/>\r\n      <\/figure>\r\n\r\n    \r\n      <figure class=\"hero-slide-item rounded-[20px] overflow-hidden w-full max-h-[380px] min-w-[257px]\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/hero-slide-5.jpg\"\r\n          class=\"w-full h-full object-cover\"\r\n          alt=\"Hero slide 5\" \/>\r\n      <\/figure>\r\n\r\n    \r\n      <figure class=\"hero-slide-item rounded-[20px] overflow-hidden w-full max-h-[380px] min-w-[257px]\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/hero-slide-6.jpg\"\r\n          class=\"w-full h-full object-cover\"\r\n          alt=\"Hero slide 6\" \/>\r\n      <\/figure>\r\n\r\n    \r\n      <figure class=\"hero-slide-item rounded-[20px] overflow-hidden w-full max-h-[380px] min-w-[257px]\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/hero-slide-1-1.jpg\"\r\n          class=\"w-full h-full object-cover\"\r\n          alt=\"Hero slide 7\" \/>\r\n      <\/figure>\r\n\r\n      <\/div>\r\n<\/div>    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68f42d6e e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-parent\" data-id=\"68f42d6e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4df6254e e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"4df6254e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2e64fe30 elementor-absolute e-transform e-transform nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.7\" data-direction=\"right\" data-offset=\"100\" data-rotation=\"0\" data-id=\"2e64fe30\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:67,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.5,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1252\" height=\"1252\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12.png\" class=\"attachment-full size-full wp-image-38362\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12.png 1252w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12-300x300.png 300w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12-1024x1024.png 1024w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12-150x150.png 150w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12-768x768.png 768w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12-200x200.png 200w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12-600x600.png 600w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-12-100x100.png 100w\" sizes=\"(max-width: 1252px) 100vw, 1252px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-241ff5ab e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"241ff5ab\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6ca5d92c e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"6ca5d92c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2b9349b8 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2b9349b8\" data-element_type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tAbout me<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-1702f47 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"1702f47\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tNice to meet you<br \/>\nI'm alex.\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-60e483ae elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"60e483ae\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">I'm a Brooklyn creative with 8 years in web design and front-end development, helping startups turn bold ideas into reality with smart design.\n\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-737beb65 elementor-widget-mobile__width-inherit nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-button\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.5\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"737beb65\" data-element_type=\"widget\" data-widget_type=\"nextsaas-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-737beb65 .nextsaas_button_wrap .nextsaas-button:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%231A1A1C' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\t\t<div class=\"nextsaas_button_wrap\">\r\n\t\t\t\t\t\t<div class=\"md:inline-block block\">\r\n\t\t\t\t<a href=\"\/creative-portfolio\/about-us\/\"  class=\"btn btn-white btn-md dark:btn-transparent hover:btn-primary w-full md:w-auto nextsaas-button\">\r\n\t\t\t\t  <span>Download Resume<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15ac33dc e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"15ac33dc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-7c3855eb nextsaas-icon-list-layout-vertical nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_icon_list\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.6\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"7c3855eb\" data-element_type=\"widget\" data-widget_type=\"nextsaas_icon_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"nextsaas-icon-list-wrapper\">\r\n            <ul class=\"nextsaas-icon-list-items nextsaas-icon-list-vertical max-sm:space-y-3 space-y-5\">\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                8+ years of experience in creative direction, design &amp; code                            <\/span>\r\n                                            <\/li>\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Worked with 50+ brands across tech, fashion, and media                            <\/span>\r\n                                            <\/li>\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Passionate about typography, interaction, and minimalism                            <\/span>\r\n                                            <\/li>\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Currently available for freelance &amp; collaborations                            <\/span>\r\n                                            <\/li>\r\n                            <\/ul>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62d7d791 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-parent\" data-id=\"62d7d791\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-34f6bdd8 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"34f6bdd8\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tSelected work\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2da3256a elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2da3256a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Here\u2019s a glimpse of projects that reflect my approach to design and development clean aesthetics, user first thinking, and brand-aligned strategy.\n\n<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e4aba93 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"4e4aba93\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2e126571 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_case_study\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2e126571\" data-element_type=\"widget\" data-widget_type=\"nextsaas_case_study.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n                .elementor-element-2e126571 .nextsaas_case_study_wrap .nextsaas-casestudy-item-btn:before {\r\n                    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%231A1A1C' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n                }\r\n            <\/style>\t\t<div class=\"nextsaas_case_study_wrap\">\r\n                    <div class=\"grid grid-cols-12 gap-y-14 lg:gap-x-14\">\r\n                            <div class=\"nextsaas-casestudy-item col-span-12 \">\r\n                    <figure class=\"space-y-6\">\r\n                        <div class=\"relative w-full h-[300px] lg:h-[576px] rounded-[20px] overflow-hidden group cursor-pointer nextsaas-casestudy-item-image\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/09\/portfolio-1.jpg\" alt=\"Cove\"\r\n                                    class=\"w-full h-full! object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-110\" \/>\r\n                                                        <!-- Black Overlay -->\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/40 transition-all duration-500 ease-in-out\"><\/div>\r\n\r\n                                                                                            <a href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/case_studies\/cove\/\"\r\n                                    class=\"group-hover:opacity-100 group-hover:scale-110 group-hover:-translate-y-1\/2 opacity-0 scale-95 -translate-y-[calc(50%-8px)] transition-all duration-500 ease-out absolute top-1\/2 left-1\/2 -translate-x-1\/2 btn btn-md hover:btn-primary dark:btn-accent btn-secondary transform-gpu nextsaas-casestudy-item-btn\">\r\n                                    <span>View case studies<\/span>\r\n                                <\/a>\r\n                                                                                                                    <\/div>\r\n\r\n                        <div class=\"flex flex-col md:flex-row md:items-center gap-2 md:gap-4 md:justify-between\">\r\n                            <h3 class=\"text-heading-6 sm:text-heading-5 nextsaas-casestudy-item-title\">Cove<\/h3>\r\n                            <p class=\"max-w-[257px] text-left md:text-right\">\r\n                                Brand &amp; web design for a sustainable skincare brand                            <\/p>\r\n                        <\/div>\r\n                    <\/figure>\r\n                <\/div>\r\n                            <div class=\"nextsaas-casestudy-item col-span-12 lg:col-span-6\">\r\n                    <figure class=\"space-y-6\">\r\n                        <div class=\"relative w-full h-[300px] lg:h-[576px] rounded-[20px] overflow-hidden group cursor-pointer nextsaas-casestudy-item-image\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/09\/portfolio-2.jpg\" alt=\"Studio north\"\r\n                                    class=\"w-full h-full! object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-110\" \/>\r\n                                                        <!-- Black Overlay -->\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/40 transition-all duration-500 ease-in-out\"><\/div>\r\n\r\n                                                                                            <a href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/case_studies\/studio-north-2\/\"\r\n                                    class=\"group-hover:opacity-100 group-hover:scale-110 group-hover:-translate-y-1\/2 opacity-0 scale-95 -translate-y-[calc(50%-8px)] transition-all duration-500 ease-out absolute top-1\/2 left-1\/2 -translate-x-1\/2 btn btn-md hover:btn-primary dark:btn-accent btn-secondary transform-gpu nextsaas-casestudy-item-btn\">\r\n                                    <span>View case studies<\/span>\r\n                                <\/a>\r\n                                                                                                                    <\/div>\r\n\r\n                        <div class=\"flex flex-col md:flex-row md:items-center gap-2 md:gap-4 md:justify-between\">\r\n                            <h3 class=\"text-heading-6 sm:text-heading-5 nextsaas-casestudy-item-title\">Studio north<\/h3>\r\n                            <p class=\"max-w-[257px] text-left md:text-right\">\r\n                                Interactive portfolio for a film production house                            <\/p>\r\n                        <\/div>\r\n                    <\/figure>\r\n                <\/div>\r\n                            <div class=\"nextsaas-casestudy-item col-span-12 lg:col-span-6\">\r\n                    <figure class=\"space-y-6\">\r\n                        <div class=\"relative w-full h-[300px] lg:h-[576px] rounded-[20px] overflow-hidden group cursor-pointer nextsaas-casestudy-item-image\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/09\/portfolio-3.jpg\" alt=\"Lumina ai\"\r\n                                    class=\"w-full h-full! object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-110\" \/>\r\n                                                        <!-- Black Overlay -->\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/40 transition-all duration-500 ease-in-out\"><\/div>\r\n\r\n                                                                                            <a href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/case_studies\/lumina-ai-2\/\"\r\n                                    class=\"group-hover:opacity-100 group-hover:scale-110 group-hover:-translate-y-1\/2 opacity-0 scale-95 -translate-y-[calc(50%-8px)] transition-all duration-500 ease-out absolute top-1\/2 left-1\/2 -translate-x-1\/2 btn btn-md hover:btn-primary dark:btn-accent btn-secondary transform-gpu nextsaas-casestudy-item-btn\">\r\n                                    <span>View case studies<\/span>\r\n                                <\/a>\r\n                                                                                                                    <\/div>\r\n\r\n                        <div class=\"flex flex-col md:flex-row md:items-center gap-2 md:gap-4 md:justify-between\">\r\n                            <h3 class=\"text-heading-6 sm:text-heading-5 nextsaas-casestudy-item-title\">Lumina ai<\/h3>\r\n                            <p class=\"max-w-[257px] text-left md:text-right\">\r\n                                Landing page + ui system for a fast-growing ai startup                            <\/p>\r\n                        <\/div>\r\n                    <\/figure>\r\n                <\/div>\r\n                            <div class=\"nextsaas-casestudy-item col-span-12 \">\r\n                    <figure class=\"space-y-6\">\r\n                        <div class=\"relative w-full h-[300px] lg:h-[576px] rounded-[20px] overflow-hidden group cursor-pointer nextsaas-casestudy-item-image\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/09\/portfolio-4.jpg\" alt=\"Monaco type foundry\"\r\n                                    class=\"w-full h-full! object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-110\" \/>\r\n                                                        <!-- Black Overlay -->\r\n                            <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/40 transition-all duration-500 ease-in-out\"><\/div>\r\n\r\n                                                                                            <a href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/case_studies\/monaco-type-foundry\/\"\r\n                                    class=\"group-hover:opacity-100 group-hover:scale-110 group-hover:-translate-y-1\/2 opacity-0 scale-95 -translate-y-[calc(50%-8px)] transition-all duration-500 ease-out absolute top-1\/2 left-1\/2 -translate-x-1\/2 btn btn-md hover:btn-primary dark:btn-accent btn-secondary transform-gpu nextsaas-casestudy-item-btn\">\r\n                                    <span>View case studies<\/span>\r\n                                <\/a>\r\n                                                                                                                    <\/div>\r\n\r\n                        <div class=\"flex flex-col md:flex-row md:items-center gap-2 md:gap-4 md:justify-between\">\r\n                            <h3 class=\"text-heading-6 sm:text-heading-5 nextsaas-casestudy-item-title\">Monaco type foundry<\/h3>\r\n                            <p class=\"max-w-[257px] text-left md:text-right\">\r\n                                E-commerce experience for a modern font shop                            <\/p>\r\n                        <\/div>\r\n                    <\/figure>\r\n                <\/div>\r\n                    <\/div>\r\n        \t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-24b3210b elementor-widget-mobile__width-inherit nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-button\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.6\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"24b3210b\" data-element_type=\"widget\" data-widget_type=\"nextsaas-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-24b3210b .nextsaas_button_wrap .nextsaas-button:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%231A1A1C' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\t\t<div class=\"nextsaas_button_wrap\">\r\n\t\t\t\t\t\t<div class=\"md:inline-block block\">\r\n\t\t\t\t<a href=\"\/creative-portfolio\/case-study\/\"  class=\"btn btn-white btn-xl dark:btn-transparent hover:btn-primary w-full md:w-auto nextsaas-button\">\r\n\t\t\t\t  <span>See all projects<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f32a5f4 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-parent\" data-id=\"f32a5f4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-17baf54b elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"17baf54b\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tWhat I can help you with\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-48cf8aa5 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"48cf8aa5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Whether you need a new visual identity, a high-performing website, or a design system, I offer creative services tailored to help your brand grow with clarity and confidence.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1338c661 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"1338c661\" data-element_type=\"container\">\n\t\t<div class=\"gsap-animation elementor-element elementor-element-63629ac8 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"63629ac8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-523f8327 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"523f8327\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79cd1f07 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"79cd1f07\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Web design &amp; front-end development<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf95450 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"6cf95450\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Create your free account in seconds<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d2084fb nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-id=\"4d2084fb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"688\" height=\"448\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-1-her-15.png\" class=\"attachment-full size-full wp-image-38363\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-1-her-15.png 688w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-1-her-15-300x195.png 300w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-1-her-15-307x200.png 307w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-1-her-15-600x391.png 600w\" sizes=\"(max-width: 688px) 100vw, 688px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-5461573 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.5\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"5461573\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b41475a e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"b41475a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1d7e50 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"5c1d7e50\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ui\/ux design for saas and products<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-635f404e nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"635f404e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Create your free account in seconds<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f05640a nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-id=\"6f05640a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"691\" height=\"516\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Frame-2147226556.png\" class=\"attachment-full size-full wp-image-38364\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Frame-2147226556.png 691w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Frame-2147226556-300x224.png 300w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Frame-2147226556-268x200.png 268w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Frame-2147226556-400x300.png 400w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Frame-2147226556-600x448.png 600w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-2e336b63 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.6\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2e336b63\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-692617b2 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"692617b2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-215d4464 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"215d4464\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Brand identity design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e62c18a nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"7e62c18a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Create your free account in seconds<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-461e29e6 nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-id=\"461e29e6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"691\" height=\"516\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Abastract-bg.png\" class=\"attachment-full size-full wp-image-38365\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Abastract-bg.png 691w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Abastract-bg-300x224.png 300w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Abastract-bg-268x200.png 268w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Abastract-bg-400x300.png 400w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/Abastract-bg-600x448.png 600w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-37665e9c e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.7\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"37665e9c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-39247690 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"39247690\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2055d436 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"2055d436\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Framer, webflow &amp; next.js development<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-301f358b nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"301f358b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Create your free account in seconds<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e9e5667 nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-id=\"5e9e5667\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"448\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-3-hero-15.png\" class=\"attachment-full size-full wp-image-38366\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-3-hero-15.png 688w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-3-hero-15-300x195.png 300w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-3-hero-15-307x200.png 307w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-3-hero-15-600x391.png 600w\" sizes=\"(max-width: 688px) 100vw, 688px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-dc44c4 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.8\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"dc44c4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-47ba4ff9 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"47ba4ff9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-530f7fa1 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"530f7fa1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Art direction &amp; creative consulting<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a179bf1 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"4a179bf1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Create your free account in seconds<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42823e39 nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-id=\"42823e39\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1568\" height=\"516\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15.png\" class=\"attachment-full size-full wp-image-38367\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15.png 1568w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15-300x99.png 300w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15-1024x337.png 1024w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15-768x253.png 768w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15-340x112.png 340w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15-1536x505.png 1536w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/services-4-hero-15-600x197.png 600w\" sizes=\"(max-width: 1568px) 100vw, 1568px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-54ff5c62 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.9\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"54ff5c62\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2824919c elementor-widget-mobile__width-inherit nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-button\" data-id=\"2824919c\" data-element_type=\"widget\" data-widget_type=\"nextsaas-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-2824919c .nextsaas_button_wrap .nextsaas-button:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%231A1A1C' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\t\t<div class=\"nextsaas_button_wrap\">\r\n\t\t\t\t\t\t<div class=\"md:inline-block block\">\r\n\t\t\t\t<a href=\"\/creative-portfolio\/services\/\"  class=\"btn btn-white btn-md dark:btn-transparent hover:btn-primary w-full md:w-auto nextsaas-button\">\r\n\t\t\t\t  <span>Explore services<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29eae9d1 elementor-widget-mobile__width-inherit nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-button\" data-id=\"29eae9d1\" data-element_type=\"widget\" data-widget_type=\"nextsaas-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-29eae9d1 .nextsaas_button_wrap .nextsaas-button:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%23FCFCFC' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\t\t<div class=\"nextsaas_button_wrap\">\r\n\t\t\t\t\t\t<div class=\"md:inline-block block\">\r\n\t\t\t\t<a href=\"\/creative-portfolio\/contact-us\/\"  class=\"btn btn-white btn-md dark:btn-transparent hover:btn-primary w-full md:w-auto nextsaas-button\">\r\n\t\t\t\t  <span>Book a call<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1943cb13 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-parent\" data-id=\"1943cb13\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-7a8e28d0 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"7a8e28d0\" data-element_type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tProcess<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-37b4b50f elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"37b4b50f\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tHow we'll work together\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-bf523d0 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"bf523d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">I follow a process that's transparent, collaborative, and results-driven\u2014built around clear communication and creative problem-solving.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ad7f6ca e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"6ad7f6ca\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-48a433bc nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_steps\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.5\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"48a433bc\" data-element_type=\"widget\" data-widget_type=\"nextsaas_steps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"nextsaas-steps-wrapper\" data-layout=\"layout-2\">\r\n      \r\n<div class=\"step-container max-w-[870px] mx-auto mb-[200px]\">\r\n  \r\n    <div class=\"relative step-item-1 \">\r\n      <!-- Step Icon & Line -->\r\n      <div>\r\n        <!-- Step Icon -->\r\n        <div class=\"size-[34px] flex items-center justify-center mx-auto rounded-full bg-white drop-shadow-2xl dark:bg-black\">\r\n          <figure class=\"size-7\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/step.png\"\r\n              alt=\"step\"\r\n              class=\"w-full h-full object-cover\" \/>\r\n          <\/figure>\r\n        <\/div>\r\n\r\n        <!-- Connecting Line (only if not last step) -->\r\n                  <div class=\"min-h-[200px] h-auto w-1 mx-auto bg-stroke-2 dark:bg-stroke-6 timeline-connector\">\r\n            <svg\r\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n              class=\"w-1 h-full step-line\"\r\n              viewBox=\"0 0 2 222\"\r\n              preserveAspectRatio=\"none\"\r\n              fill=\"none\">\r\n              <path\r\n                d=\"M1 1L0.99999 221\"\r\n                stroke=\"url(#paint0_linear_step_1)\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\" \/>\r\n              <defs>\r\n                <linearGradient\r\n                  id=\"paint0_linear_step_1\"\r\n                  x1=\"0.5\"\r\n                  y1=\"1\"\r\n                  x2=\"0.49999\"\r\n                  y2=\"221\"\r\n                  gradientUnits=\"userSpaceOnUse\">\r\n                  <stop offset=\"0\" stop-color=\"#64D9FD\" \/>\r\n                  <stop offset=\"0.25\" stop-color=\"#7E57FD\" \/>\r\n                  <stop offset=\"0.5\" stop-color=\"#ffffff\" \/>\r\n                  <stop offset=\"1\" stop-color=\"#B04BFD\" \/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n              <\/div>\r\n\r\n      <!-- Step Content -->\r\n      <div class=\"absolute lg:left-0 lg:top-0 left-1\/2 lg:translate-x-0 lg:translate-y-0 -translate-x-1\/2 top-1\/2 -translate-y-1\/2 max-w-[370px] w-full space-y-3 lg:bg-none dark:bg-background-6 lg:dark:bg-transparent lg:p-0 lg:rounded-none p-6 rounded-[20px] max-lg:bg-background-4\">\r\n        <!-- Step Number -->\r\n        <p class=\"nextsaas-step-number text-tagline-2 text-primary-500\">\r\n          STEP 01        <\/p>\r\n\r\n        <!-- Step Content -->\r\n        <div class=\"space-y-2\">\r\n          <!-- Step Title -->\r\n          <h3 class=\"nextsaas-step-title text-heading-6 lg:text-heading-5\">\r\n            Kickoff call &amp; brand discovery          <\/h3>\r\n\r\n          <!-- Step Description -->\r\n                      <p class=\"nextsaas-step-description\">\r\n              We begin by understanding your vision and goals through a detailed discovery call to align on the project&#039;s direction.            <\/p>\r\n                  <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  \r\n    <div class=\"relative step-item-2 \">\r\n      <!-- Step Icon & Line -->\r\n      <div>\r\n        <!-- Step Icon -->\r\n        <div class=\"size-[34px] flex items-center justify-center mx-auto rounded-full bg-white drop-shadow-2xl dark:bg-black\">\r\n          <figure class=\"size-7\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/step.png\"\r\n              alt=\"step\"\r\n              class=\"w-full h-full object-cover\" \/>\r\n          <\/figure>\r\n        <\/div>\r\n\r\n        <!-- Connecting Line (only if not last step) -->\r\n                  <div class=\"min-h-[200px] h-auto w-1 mx-auto bg-stroke-2 dark:bg-stroke-6 timeline-connector\">\r\n            <svg\r\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n              class=\"w-1 h-full step-line\"\r\n              viewBox=\"0 0 2 222\"\r\n              preserveAspectRatio=\"none\"\r\n              fill=\"none\">\r\n              <path\r\n                d=\"M1 1L0.99999 221\"\r\n                stroke=\"url(#paint0_linear_step_2)\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\" \/>\r\n              <defs>\r\n                <linearGradient\r\n                  id=\"paint0_linear_step_2\"\r\n                  x1=\"0.5\"\r\n                  y1=\"1\"\r\n                  x2=\"0.49999\"\r\n                  y2=\"221\"\r\n                  gradientUnits=\"userSpaceOnUse\">\r\n                  <stop offset=\"0\" stop-color=\"#64D9FD\" \/>\r\n                  <stop offset=\"0.25\" stop-color=\"#7E57FD\" \/>\r\n                  <stop offset=\"0.5\" stop-color=\"#ffffff\" \/>\r\n                  <stop offset=\"1\" stop-color=\"#B04BFD\" \/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n              <\/div>\r\n\r\n      <!-- Step Content -->\r\n      <div class=\"absolute lg:right-0 lg:top-0 right-1\/2 lg:translate-x-0 lg:translate-y-0 translate-x-1\/2 top-1\/2 -translate-y-1\/2 max-w-[370px] w-full space-y-3 lg:bg-none dark:bg-background-6 lg:dark:bg-transparent lg:p-0 lg:rounded-none p-6 rounded-[20px] max-lg:bg-background-4\">\r\n        <!-- Step Number -->\r\n        <p class=\"nextsaas-step-number text-tagline-2 text-primary-500\">\r\n          STEP 02        <\/p>\r\n\r\n        <!-- Step Content -->\r\n        <div class=\"space-y-2\">\r\n          <!-- Step Title -->\r\n          <h3 class=\"nextsaas-step-title text-heading-6 lg:text-heading-5\">\r\n            Strategy, wireframes &amp; creative direction          <\/h3>\r\n\r\n          <!-- Step Description -->\r\n                      <p class=\"nextsaas-step-description\">\r\n              We begin by understanding your vision and goals through a detailed discovery call to align on the project&#039;s direction.            <\/p>\r\n                  <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  \r\n    <div class=\"relative step-item-3 \">\r\n      <!-- Step Icon & Line -->\r\n      <div>\r\n        <!-- Step Icon -->\r\n        <div class=\"size-[34px] flex items-center justify-center mx-auto rounded-full bg-white drop-shadow-2xl dark:bg-black\">\r\n          <figure class=\"size-7\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/step.png\"\r\n              alt=\"step\"\r\n              class=\"w-full h-full object-cover\" \/>\r\n          <\/figure>\r\n        <\/div>\r\n\r\n        <!-- Connecting Line (only if not last step) -->\r\n                  <div class=\"min-h-[200px] h-auto w-1 mx-auto bg-stroke-2 dark:bg-stroke-6 timeline-connector\">\r\n            <svg\r\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n              class=\"w-1 h-full step-line\"\r\n              viewBox=\"0 0 2 222\"\r\n              preserveAspectRatio=\"none\"\r\n              fill=\"none\">\r\n              <path\r\n                d=\"M1 1L0.99999 221\"\r\n                stroke=\"url(#paint0_linear_step_3)\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\" \/>\r\n              <defs>\r\n                <linearGradient\r\n                  id=\"paint0_linear_step_3\"\r\n                  x1=\"0.5\"\r\n                  y1=\"1\"\r\n                  x2=\"0.49999\"\r\n                  y2=\"221\"\r\n                  gradientUnits=\"userSpaceOnUse\">\r\n                  <stop offset=\"0\" stop-color=\"#64D9FD\" \/>\r\n                  <stop offset=\"0.25\" stop-color=\"#7E57FD\" \/>\r\n                  <stop offset=\"0.5\" stop-color=\"#ffffff\" \/>\r\n                  <stop offset=\"1\" stop-color=\"#B04BFD\" \/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n              <\/div>\r\n\r\n      <!-- Step Content -->\r\n      <div class=\"absolute lg:left-0 lg:top-0 left-1\/2 lg:translate-x-0 lg:translate-y-0 -translate-x-1\/2 top-1\/2 -translate-y-1\/2 max-w-[370px] w-full space-y-3 lg:bg-none dark:bg-background-6 lg:dark:bg-transparent lg:p-0 lg:rounded-none p-6 rounded-[20px] max-lg:bg-background-4\">\r\n        <!-- Step Number -->\r\n        <p class=\"nextsaas-step-number text-tagline-2 text-primary-500\">\r\n          STEP 03        <\/p>\r\n\r\n        <!-- Step Content -->\r\n        <div class=\"space-y-2\">\r\n          <!-- Step Title -->\r\n          <h3 class=\"nextsaas-step-title text-heading-6 lg:text-heading-5\">\r\n            Design &amp; development in sprints          <\/h3>\r\n\r\n          <!-- Step Description -->\r\n                      <p class=\"nextsaas-step-description\">\r\n              We begin by understanding your vision and goals through a detailed discovery call to align on the project&#039;s direction.            <\/p>\r\n                  <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  \r\n    <div class=\"relative step-item-4 \">\r\n      <!-- Step Icon & Line -->\r\n      <div>\r\n        <!-- Step Icon -->\r\n        <div class=\"size-[34px] flex items-center justify-center mx-auto rounded-full bg-white drop-shadow-2xl dark:bg-black\">\r\n          <figure class=\"size-7\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/step.png\"\r\n              alt=\"step\"\r\n              class=\"w-full h-full object-cover\" \/>\r\n          <\/figure>\r\n        <\/div>\r\n\r\n        <!-- Connecting Line (only if not last step) -->\r\n                  <div class=\"min-h-[200px] h-auto w-1 mx-auto bg-stroke-2 dark:bg-stroke-6 timeline-connector\">\r\n            <svg\r\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n              class=\"w-1 h-full step-line\"\r\n              viewBox=\"0 0 2 222\"\r\n              preserveAspectRatio=\"none\"\r\n              fill=\"none\">\r\n              <path\r\n                d=\"M1 1L0.99999 221\"\r\n                stroke=\"url(#paint0_linear_step_4)\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\" \/>\r\n              <defs>\r\n                <linearGradient\r\n                  id=\"paint0_linear_step_4\"\r\n                  x1=\"0.5\"\r\n                  y1=\"1\"\r\n                  x2=\"0.49999\"\r\n                  y2=\"221\"\r\n                  gradientUnits=\"userSpaceOnUse\">\r\n                  <stop offset=\"0\" stop-color=\"#64D9FD\" \/>\r\n                  <stop offset=\"0.25\" stop-color=\"#7E57FD\" \/>\r\n                  <stop offset=\"0.5\" stop-color=\"#ffffff\" \/>\r\n                  <stop offset=\"1\" stop-color=\"#B04BFD\" \/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n            <\/svg>\r\n          <\/div>\r\n              <\/div>\r\n\r\n      <!-- Step Content -->\r\n      <div class=\"absolute lg:right-0 lg:top-0 right-1\/2 lg:translate-x-0 lg:translate-y-0 translate-x-1\/2 top-1\/2 -translate-y-1\/2 max-w-[370px] w-full space-y-3 lg:bg-none dark:bg-background-6 lg:dark:bg-transparent lg:p-0 lg:rounded-none p-6 rounded-[20px] max-lg:bg-background-4\">\r\n        <!-- Step Number -->\r\n        <p class=\"nextsaas-step-number text-tagline-2 text-primary-500\">\r\n          STEP 04        <\/p>\r\n\r\n        <!-- Step Content -->\r\n        <div class=\"space-y-2\">\r\n          <!-- Step Title -->\r\n          <h3 class=\"nextsaas-step-title text-heading-6 lg:text-heading-5\">\r\n            Feedback, refinement &amp; final delivery          <\/h3>\r\n\r\n          <!-- Step Description -->\r\n                      <p class=\"nextsaas-step-description\">\r\n              We begin by understanding your vision and goals through a detailed discovery call to align on the project&#039;s direction.            <\/p>\r\n                  <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  \r\n    <div class=\"relative step-item-5 last-step\">\r\n      <!-- Step Icon & Line -->\r\n      <div>\r\n        <!-- Step Icon -->\r\n        <div class=\"size-[34px] flex items-center justify-center mx-auto rounded-full bg-white drop-shadow-2xl dark:bg-black\">\r\n          <figure class=\"size-7\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/step.png\"\r\n              alt=\"step\"\r\n              class=\"w-full h-full object-cover\" \/>\r\n          <\/figure>\r\n        <\/div>\r\n\r\n        <!-- Connecting Line (only if not last step) -->\r\n              <\/div>\r\n\r\n      <!-- Step Content -->\r\n      <div class=\"absolute lg:left-0 lg:top-0 left-1\/2 lg:translate-x-0 lg:translate-y-0 -translate-x-1\/2 top-16 max-w-[370px] w-full space-y-3 lg:bg-none dark:bg-background-6 lg:dark:bg-transparent lg:p-0 lg:rounded-none p-6 rounded-[20px] max-lg:bg-background-4\">\r\n        <!-- Step Number -->\r\n        <p class=\"nextsaas-step-number text-tagline-2 text-primary-500\">\r\n          STEP 05        <\/p>\r\n\r\n        <!-- Step Content -->\r\n        <div class=\"space-y-2\">\r\n          <!-- Step Title -->\r\n          <h3 class=\"nextsaas-step-title text-heading-6 lg:text-heading-5\">\r\n            Post-launch support &amp; handoff          <\/h3>\r\n\r\n          <!-- Step Description -->\r\n                      <p class=\"nextsaas-step-description\">\r\n              We begin by understanding your vision and goals through a detailed discovery call to align on the project&#039;s direction.            <\/p>\r\n                  <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32efbd58 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-parent\" data-id=\"32efbd58\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-ebe2cab nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"ebe2cab\" data-element_type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tTestimonials<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2695323 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2695323\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tClient words\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5373d4b7 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"5373d4b7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2bfb4181 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_testimonial\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2bfb4181\" data-element_type=\"widget\" data-widget_type=\"nextsaas_testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"nextsaas_testimonial_wrapper\">\r\n      \r\n\r\n  <!-- Marquee Version 2 - Large Cards -->\r\n  <div class=\"relative nextsaas_testimonial_wrapper\" data-display=\"marquee\" data-variation=\"variation-2\">\r\n          <!-- Start of shadow -->\r\n      <div class=\"absolute left-0 top-0 h-full bg-gradient-to-r from-white to-transparent z-40 dark:from-background-5 shadow-left\"><\/div>\r\n      <div class=\"absolute right-0 top-0 h-full bg-gradient-to-l from-white to-transparent z-40 dark:from-background-5 shadow-right\"><\/div>\r\n      <!-- End of shadow -->\r\n    \r\n    <div class=\"cards-marquee-container\" id=\"cards-marquee-2bfb4181\"\r\n      data-speed=\"140000\"\r\n      data-direction=\"left\"\r\n      data-gap=\"32px\"\r\n      data-pause-on-hover=\"true\"\r\n      data-smooth-edges=\"true\">\r\n      <div class=\"flex items-center justify-center gap-6 scroll-bar marquee-cards-container\">\r\n                              \r\n            <article class=\"min-w-xs sm:min-w-md md:min-w-[722px] p-8 md:p-14 rounded-[20px] backdrop-blur-[22px] space-y-6 sm:space-y-8 md:space-y-10 bg-background-2 hover:bg-white dark:bg-background-5 dark:hover:bg-background-8 relative group transition-colors duration-300 ease-linear ml-6 overflow-hidden testimonial-card\">\r\n\r\n              <!-- Controlled gradient (only show if enabled) -->\r\n              \r\n              <div class=\"flex items-center justify-between\">\r\n                <div class=\"flex items-center gap-2\">\r\n                                      <figure class=\"size-12 md:size-[84px] rounded-full overflow-hidden bg-linear-[156deg,#FFF_32.92%,#A585FF_91%] author-image image-rounded\">\r\n                      <img decoding=\"async\"\r\n                        src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/avatar-3.png\"\r\n                        alt=\"Darrell Steward&#039;s avatar\"\r\n                        class=\"w-full h-full object-cover\"\r\n                        loading=\"lazy\" \/>\r\n                    <\/figure>\r\n                                    <div class=\"space-y-1\">\r\n                                          <h3 class=\"text-tagline-2 font-medium lg:text-tagline-1 author-name\">Darrell Steward<\/h3>\r\n                                                              <p class=\"text-tagline-3 author-location\">Aland Islands<\/p>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n\r\n                                  <div class=\"relative z-10\">\r\n                                        <a\r\n                      href=\"https:\/\/x.com\/heystaticmania\"\r\n                      target=&quot;_blank&quot;                      rel=&quot;nofollow&quot; rel=&quot;noopener&quot;                      aria-label=\"Follow Darrell Steward on social media\"\r\n                      class=\"px-2.5 py-1 rounded-full md:w-[74px] md:h-11 h-8 w-14 flex items-center justify-center bg-background-3 dark:bg-background-7 social-button-marquee hover:scale-110 transition-all duration-500 ease-in-out\">\r\n\r\n                                              <!-- Icon Library -->\r\n                        <i aria-hidden=\"true\" class=\"ph ph-x-logo\"><\/i>                                          <\/a>\r\n                  <\/div>\r\n                              <\/div>\r\n\r\n                              <div>\r\n                  <p class=\"max-w-[610px] md:text-heading-6 sm:text-tagline-1 text-tagline-2 text-wrap testimonial-content\">\r\n                    \"As a small business owner, your service has been a lifesaver in managing cash flow and optimizing financial strategies. It has truly exceeded my expectations.\"\r\n                  <\/p>\r\n                <\/div>\r\n                          <\/article>\r\n                      \r\n            <article class=\"min-w-xs sm:min-w-md md:min-w-[722px] p-8 md:p-14 rounded-[20px] backdrop-blur-[22px] space-y-6 sm:space-y-8 md:space-y-10 bg-background-2 hover:bg-white dark:bg-background-5 dark:hover:bg-background-8 relative group transition-colors duration-300 ease-linear ml-6 overflow-hidden testimonial-card\">\r\n\r\n              <!-- Controlled gradient (only show if enabled) -->\r\n              \r\n              <div class=\"flex items-center justify-between\">\r\n                <div class=\"flex items-center gap-2\">\r\n                                      <figure class=\"size-12 md:size-[84px] rounded-full overflow-hidden bg-linear-[156deg,#FFF_32.92%,#A585FF_91%] author-image image-rounded\">\r\n                      <img decoding=\"async\"\r\n                        src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/avatar-1.png\"\r\n                        alt=\"Ralph Edwards&#039;s avatar\"\r\n                        class=\"w-full h-full object-cover\"\r\n                        loading=\"lazy\" \/>\r\n                    <\/figure>\r\n                                    <div class=\"space-y-1\">\r\n                                          <h3 class=\"text-tagline-2 font-medium lg:text-tagline-1 author-name\">Ralph Edwards<\/h3>\r\n                                                              <p class=\"text-tagline-3 author-location\">Serbia<\/p>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n\r\n                                  <div class=\"relative z-10\">\r\n                                        <a\r\n                      href=\"https:\/\/x.com\/heystaticmania\"\r\n                      target=&quot;_blank&quot;                      rel=&quot;nofollow&quot; rel=&quot;noopener&quot;                      aria-label=\"Follow Ralph Edwards on social media\"\r\n                      class=\"px-2.5 py-1 rounded-full md:w-[74px] md:h-11 h-8 w-14 flex items-center justify-center bg-background-3 dark:bg-background-7 social-button-marquee hover:scale-110 transition-all duration-500 ease-in-out\">\r\n\r\n                                              <!-- Icon Library -->\r\n                        <i aria-hidden=\"true\" class=\"ph ph-x-logo\"><\/i>                                          <\/a>\r\n                  <\/div>\r\n                              <\/div>\r\n\r\n                              <div>\r\n                  <p class=\"max-w-[610px] md:text-heading-6 sm:text-tagline-1 text-tagline-2 text-wrap testimonial-content\">\r\n                    \"As a small business owner, your service has been essential for managing my cash flow and improving my financial strategies. It has definitely exceeded what I anticipated.\"\r\n                  <\/p>\r\n                <\/div>\r\n                          <\/article>\r\n                      \r\n            <article class=\"min-w-xs sm:min-w-md md:min-w-[722px] p-8 md:p-14 rounded-[20px] backdrop-blur-[22px] space-y-6 sm:space-y-8 md:space-y-10 bg-background-2 hover:bg-white dark:bg-background-5 dark:hover:bg-background-8 relative group transition-colors duration-300 ease-linear ml-6 overflow-hidden testimonial-card\">\r\n\r\n              <!-- Controlled gradient (only show if enabled) -->\r\n              \r\n              <div class=\"flex items-center justify-between\">\r\n                <div class=\"flex items-center gap-2\">\r\n                                      <figure class=\"size-12 md:size-[84px] rounded-full overflow-hidden bg-linear-[156deg,#FFF_32.92%,#A585FF_91%] author-image image-rounded\">\r\n                      <img decoding=\"async\"\r\n                        src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/avatar-5.png\"\r\n                        alt=\"Esther Howard&#039;s avatar\"\r\n                        class=\"w-full h-full object-cover\"\r\n                        loading=\"lazy\" \/>\r\n                    <\/figure>\r\n                                    <div class=\"space-y-1\">\r\n                                          <h3 class=\"text-tagline-2 font-medium lg:text-tagline-1 author-name\">Esther Howard<\/h3>\r\n                                                              <p class=\"text-tagline-3 author-location\">Saudi Arabia<\/p>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n\r\n                                  <div class=\"relative z-10\">\r\n                                        <a\r\n                      href=\"https:\/\/x.com\/heystaticmania\"\r\n                      target=&quot;_blank&quot;                      rel=&quot;nofollow&quot; rel=&quot;noopener&quot;                      aria-label=\"Follow Esther Howard on social media\"\r\n                      class=\"px-2.5 py-1 rounded-full md:w-[74px] md:h-11 h-8 w-14 flex items-center justify-center bg-background-3 dark:bg-background-7 social-button-marquee hover:scale-110 transition-all duration-500 ease-in-out\">\r\n\r\n                                              <!-- Icon Library -->\r\n                        <i aria-hidden=\"true\" class=\"ph ph-x-logo\"><\/i>                                          <\/a>\r\n                  <\/div>\r\n                              <\/div>\r\n\r\n                              <div>\r\n                  <p class=\"max-w-[610px] md:text-heading-6 sm:text-tagline-1 text-tagline-2 text-wrap testimonial-content\">\r\n                    \"As a small business owner, I really appreciate your service. It has been a game changer for managing cash flow and optimizing my financial strategies.\"\r\n                  <\/p>\r\n                <\/div>\r\n                          <\/article>\r\n                        <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-126b40ac e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-parent\" data-id=\"126b40ac\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-604dbd01 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"604dbd01\" data-element_type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tJournal<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-279e4691 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"279e4691\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tThoughts &amp; ideas\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-39c2333d elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"39c2333d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"> A collection of thoughts, experiments, and insights around design, technology, and creativity.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26a65d85 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"26a65d85\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-1155286c nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_blog\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.5\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"1155286c\" data-element_type=\"widget\" data-widget_type=\"nextsaas_blog.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"nextsaas_blog_wrapper\">\r\n      \r\n  <!-- blog section  -->\r\n  <div class=\"grid grid-cols-12 gap-y-8 lg:gap-x-8 justify-center\">\r\n    <!-- Featured blog post  -->\r\n        <article class=\"lg:col-span-5 xl:col-span-6 col-span-12 group relative\">\r\n      <div class=\"bg-background-1 dark:bg-background-6 rounded-[20px] scale-100 group-hover:scale-[101%] transition-transform duration-500 group-hover:transition-transform group-hover:duration-500 blog-card\">\r\n        <!-- link  -->\r\n        <a\r\n          href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/framer-vs-webflow-which-one-for-startups-2\/\"\r\n          class=\"absolute inset-0\"\r\n          aria-label=\"Read full article: Framer vs webflow: which one for startups?\"><\/a>\r\n\r\n        <!-- blog img  -->\r\n                  <figure class=\"rounded-[20px] w-full overflow-hidden\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/09\/blog-45.png\"\r\n              alt=\"Framer vs webflow: which one for startups?\"\r\n              class=\"size-full object-cover blog-image\"\r\n              loading=\"lazy\" \/>\r\n          <\/figure>\r\n        \r\n        <!-- blog content  -->\r\n        <div class=\"px-5 sm:px-8 pt-6 pb-8\">\r\n          <!-- blog badge  -->\r\n          \r\n          <!-- time and title  -->\r\n          <div class=\"mb-7 space-y-4\">\r\n            <!-- blog time  -->\r\n            <div class=\"flex items-center\">\r\n              <!-- publish data  -->\r\n              <div class=\"flex items-center gap-2\">\r\n                <span aria-hidden=\"true\">\r\n                  <svg\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    width=\"24\"\r\n                    height=\"25\"\r\n                    viewBox=\"0 0 24 25\"\r\n                    fill=\"none\"\r\n                    aria-hidden=\"true\"\r\n                    class=\"fill-[#09121F] dark:fill-accent\/20\">\r\n                    <g clip-path=\"url(#clip0_3228_3397)\">\r\n                      <path\r\n                        d=\"M17 3.5H21C21.2652 3.5 21.5196 3.60536 21.7071 3.79289C21.8946 3.98043 22 4.23478 22 4.5V20.5C22 20.7652 21.8946 21.0196 21.7071 21.2071C21.5196 21.3946 21.2652 21.5 21 21.5H3C2.73478 21.5 2.48043 21.3946 2.29289 21.2071C2.10536 21.0196 2 20.7652 2 20.5V4.5C2 4.23478 2.10536 3.98043 2.29289 3.79289C2.48043 3.60536 2.73478 3.5 3 3.5H7V1.5H9V3.5H15V1.5H17V3.5ZM20 11.5H4V19.5H20V11.5ZM15 5.5H9V7.5H7V5.5H4V9.5H20V5.5H17V7.5H15V5.5ZM6 13.5H8V15.5H6V13.5ZM11 13.5H13V15.5H11V13.5ZM16 13.5H18V15.5H16V13.5Z\" \/>\r\n                    <\/g>\r\n                    <defs>\r\n                      <clipPath id=\"clip0_3228_3397\">\r\n                        <rect\r\n                          width=\"24\"\r\n                          height=\"24\"\r\n                          fill=\"white\"\r\n                          transform=\"translate(0 0.5)\" \/>\r\n                      <\/clipPath>\r\n                    <\/defs>\r\n                  <\/svg>\r\n                <\/span>\r\n                <time\r\n                  datetime=\"2025-09-22\"\r\n                  class=\"text-tagline-2 text-secondary\/60 dark:text-accent\/60 blog-meta\">\r\n                  22.09.2025                <\/time>\r\n              <\/div>\r\n\r\n              <div class=\"px-4 text-stroke-2 dark:text-stroke-6\" aria-hidden=\"true\">|<\/div>\r\n\r\n              <!-- time  -->\r\n              <div class=\"flex items-center gap-2\">\r\n                <span aria-hidden=\"true\">\r\n                  <svg\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    width=\"24\"\r\n                    height=\"25\"\r\n                    viewBox=\"0 0 24 25\"\r\n                    fill=\"none\"\r\n                    aria-hidden=\"true\"\r\n                    class=\"fill-[#09121F] dark:fill-accent\/20\">\r\n                    <g clip-path=\"url(#clip0_3228_3404)\">\r\n                      <path\r\n                        d=\"M17.6176 6.468L19.0706 5.015L20.4846 6.429L19.0316 7.882C20.4673 9.67917 21.1605 11.9579 20.9687 14.2501C20.7768 16.5424 19.7146 18.6742 18.0001 20.2077C16.2856 21.7412 14.0489 22.5601 11.7496 22.4961C9.45018 22.4321 7.26258 21.4901 5.63604 19.8635C4.00951 18.237 3.0675 16.0494 3.00349 13.75C2.93948 11.4506 3.75832 9.21402 5.29185 7.49951C6.82538 5.785 8.95718 4.72275 11.2494 4.53092C13.5417 4.33909 15.8204 5.03223 17.6176 6.468ZM11.9996 20.5C12.9188 20.5 13.8291 20.3189 14.6784 19.9672C15.5276 19.6154 16.2993 19.0998 16.9493 18.4497C17.5993 17.7997 18.1149 17.0281 18.4667 16.1788C18.8185 15.3295 18.9996 14.4193 18.9996 13.5C18.9996 12.5807 18.8185 11.6705 18.4667 10.8212C18.1149 9.97194 17.5993 9.20026 16.9493 8.55025C16.2993 7.90024 15.5276 7.38463 14.6784 7.03284C13.8291 6.68106 12.9188 6.5 11.9996 6.5C10.1431 6.5 8.36258 7.2375 7.04982 8.55025C5.73707 9.86301 4.99957 11.6435 4.99957 13.5C4.99957 15.3565 5.73707 17.137 7.04982 18.4497C8.36258 19.7625 10.1431 20.5 11.9996 20.5ZM10.9996 8.5H12.9996V14.5H10.9996V8.5ZM7.99957 1.5H15.9996V3.5H7.99957V1.5Z\" \/>\r\n                    <\/g>\r\n                    <defs>\r\n                      <clipPath id=\"clip0_3228_3404\">\r\n                        <rect\r\n                          width=\"24\"\r\n                          height=\"24\"\r\n                          fill=\"white\"\r\n                          transform=\"translate(0 0.5)\" \/>\r\n                      <\/clipPath>\r\n                    <\/defs>\r\n                  <\/svg>\r\n                <\/span>\r\n                <span class=\"text-tagline-2 text-secondary\/60 dark:text-accent\/60 blog-meta\">\r\n                  3 min\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- blog title  -->\r\n            <h3 class=\"text-heading-6 xl:text-heading-5 blog-title\">\r\n              <a\r\n                href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/framer-vs-webflow-which-one-for-startups-2\/\"\r\n                aria-label=\"Read full article: Framer vs webflow: which one for startups?\">\r\n                Framer vs webflow: which one for startups?              <\/a>\r\n            <\/h3>\r\n\r\n                      <\/div>\r\n\r\n          <!-- blog link tag  -->\r\n          <div>\r\n                        <a\r\n              href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/framer-vs-webflow-which-one-for-startups-2\/\"\r\n              class=\"btn btn-md btn-white hover:btn-primary dark:btn-transparent inline-block\"\r\n              aria-label=\"Read full article: Framer vs webflow: which one for startups?\">\r\n              <span>Read more<\/span>\r\n            <\/a>\r\n                      <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Secondary blog posts -->\r\n    <div class=\"lg:col-span-7 xl:col-span-6 col-span-12\">\r\n      <div class=\"flex flex-col\">\r\n                  <article class=\"group relative\">\r\n            <div class=\"bg-background-1 dark:bg-background-6 rounded-[20px] flex flex-col md:flex-row items-center scale-100 group-hover:scale-[101%] transition-transform duration-500 group-hover:transition-transform group-hover:duration-500 blog-card\">\r\n              <a\r\n                href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/framer-vs-webflow-which-one-for-startups\/\"\r\n                class=\"absolute inset-0\"\r\n                aria-label=\"Read full article: Framer vs webflow: which one for startups?\"><\/a>\r\n\r\n              <!-- blog img  -->\r\n                              <figure class=\"w-full rounded-[20px] overflow-hidden flex-shrink-0\">\r\n                  <img decoding=\"async\"\r\n                    src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/09\/blog-46.png\"\r\n                    alt=\"Framer vs webflow: which one for startups?\"\r\n                    class=\"size-full object-cover blog-image\"\r\n                    loading=\"lazy\" \/>\r\n                <\/figure>\r\n              \r\n              <!-- blog content  -->\r\n                              <div class=\"flex-1 p-5 sm:p-6 xl:p-6\">\r\n                                  <!-- blog badge  -->\r\n                  \r\n                  <!-- time and title  -->\r\n                  <div class=\"mb-5 space-y-3\">\r\n                    <!-- blog time  -->\r\n                    <div class=\"flex items-center gap-2\">\r\n                      <!-- publish data  -->\r\n                      <div class=\"flex items-center gap-2\">\r\n                        <span aria-hidden=\"true\">\r\n                          <svg\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            width=\"24\"\r\n                            height=\"25\"\r\n                            viewBox=\"0 0 24 25\"\r\n                            fill=\"none\"\r\n                            aria-hidden=\"true\"\r\n                            class=\"fill-[#09121F] dark:fill-accent\/20\">\r\n                            <g clip-path=\"url(#clip0_3228_3397)\">\r\n                              <path\r\n                                d=\"M17 3.5H21C21.2652 3.5 21.5196 3.60536 21.7071 3.79289C21.8946 3.98043 22 4.23478 22 4.5V20.5C22 20.7652 21.8946 21.0196 21.7071 21.2071C21.5196 21.3946 21.2652 21.5 21 21.5H3C2.73478 21.5 2.48043 21.3946 2.29289 21.2071C2.10536 21.0196 2 20.7652 2 20.5V4.5C2 4.23478 2.10536 3.98043 2.29289 3.79289C2.48043 3.60536 2.73478 3.5 3 3.5H7V1.5H9V3.5H15V1.5H17V3.5ZM20 11.5H4V19.5H20V11.5ZM15 5.5H9V7.5H7V5.5H4V9.5H20V5.5H17V7.5H15V5.5ZM6 13.5H8V15.5H6V13.5ZM11 13.5H13V15.5H11V13.5ZM16 13.5H18V15.5H16V13.5Z\" \/>\r\n                            <\/g>\r\n                            <defs>\r\n                              <clipPath id=\"clip0_3228_3397\">\r\n                                <rect\r\n                                  width=\"24\"\r\n                                  height=\"24\"\r\n                                  fill=\"white\"\r\n                                  transform=\"translate(0 0.5)\" \/>\r\n                              <\/clipPath>\r\n                            <\/defs>\r\n                          <\/svg>\r\n                        <\/span>\r\n                        <time\r\n                          datetime=\"2025-09-22\"\r\n                          class=\"text-tagline-2 text-secondary\/60 dark:text-accent\/60 blog-meta\">\r\n                          22.09.2025                        <\/time>\r\n                      <\/div>\r\n\r\n                      <div class=\"px-4 text-stroke-2 dark:text-stroke-6\" aria-hidden=\"true\">|<\/div>\r\n\r\n                      <!-- time  -->\r\n                      <div class=\"flex items-center gap-2\">\r\n                        <span aria-hidden=\"true\">\r\n                          <svg\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            width=\"24\"\r\n                            height=\"25\"\r\n                            viewBox=\"0 0 24 25\"\r\n                            fill=\"none\"\r\n                            aria-hidden=\"true\"\r\n                            class=\"fill-[#09121F] dark:fill-accent\/20\">\r\n                            <g clip-path=\"url(#clip0_3228_3404)\">\r\n                              <path\r\n                                d=\"M17.6176 6.468L19.0706 5.015L20.4846 6.429L19.0316 7.882C20.4673 9.67917 21.1605 11.9579 20.9687 14.2501C20.7768 16.5424 19.7146 18.6742 18.0001 20.2077C16.2856 21.7412 14.0489 22.5601 11.7496 22.4961C9.45018 22.4321 7.26258 21.4901 5.63604 19.8635C4.00951 18.237 3.0675 16.0494 3.00349 13.75C2.93948 11.4506 3.75832 9.21402 5.29185 7.49951C6.82538 5.785 8.95718 4.72275 11.2494 4.53092C13.5417 4.33909 15.8204 5.03223 17.6176 6.468ZM11.9996 20.5C12.9188 20.5 13.8291 20.3189 14.6784 19.9672C15.5276 19.6154 16.2993 19.0998 16.9493 18.4497C17.5993 17.7997 18.1149 17.0281 18.4667 16.1788C18.8185 15.3295 18.9996 14.4193 18.9996 13.5C18.9996 12.5807 18.8185 11.6705 18.4667 10.8212C18.1149 9.97194 17.5993 9.20026 16.9493 8.55025C16.2993 7.90024 15.5276 7.38463 14.6784 7.03284C13.8291 6.68106 12.9188 6.5 11.9996 6.5C10.1431 6.5 8.36258 7.2375 7.04982 8.55025C5.73707 9.86301 4.99957 11.6435 4.99957 13.5C4.99957 15.3565 5.73707 17.137 7.04982 18.4497C8.36258 19.7625 10.1431 20.5 11.9996 20.5ZM10.9996 8.5H12.9996V14.5H10.9996V8.5ZM7.99957 1.5H15.9996V3.5H7.99957V1.5Z\" \/>\r\n                            <\/g>\r\n                            <defs>\r\n                              <clipPath id=\"clip0_3228_3404\">\r\n                                <rect\r\n                                  width=\"24\"\r\n                                  height=\"24\"\r\n                                  fill=\"white\"\r\n                                  transform=\"translate(0 0.5)\" \/>\r\n                              <\/clipPath>\r\n                            <\/defs>\r\n                          <\/svg>\r\n                        <\/span>\r\n                        <span class=\"text-tagline-2 text-secondary\/60 dark:text-accent\/60 blog-meta\">\r\n                          3 min\r\n                        <\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- blog title  -->\r\n                    <h3 class=\"text-heading-6 xl:text-heading-5 blog-title\">\r\n                      <a\r\n                        href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/framer-vs-webflow-which-one-for-startups\/\"\r\n                        aria-label=\"Read full article: Framer vs webflow: which one for startups?\">\r\n                        Framer vs webflow: which one for startups?                      <\/a>\r\n                    <\/h3>\r\n\r\n                                      <\/div>\r\n\r\n                  <!-- blog link tag  -->\r\n                  <div>\r\n                                        <a\r\n                      href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/framer-vs-webflow-which-one-for-startups\/\"\r\n                      class=\"btn btn-md btn-white hover:btn-primary dark:btn-transparent inline-block\"\r\n                      aria-label=\"Read full article: Framer vs webflow: which one for startups?\">\r\n                      <span>Read more<\/span>\r\n                    <\/a>\r\n                                      <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n          <\/article>\r\n                  <article class=\"group relative\">\r\n            <div class=\"bg-background-1 dark:bg-background-6 rounded-[20px] flex flex-col md:flex-row items-center scale-100 group-hover:scale-[101%] transition-transform duration-500 group-hover:transition-transform group-hover:duration-500 blog-card\">\r\n              <a\r\n                href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/how-i-designed-a-brand-identity-in-3-days-3\/\"\r\n                class=\"absolute inset-0\"\r\n                aria-label=\"Read full article: How I designed a brand Identity in 3 days\"><\/a>\r\n\r\n              <!-- blog img  -->\r\n                              <figure class=\"w-full rounded-[20px] overflow-hidden flex-shrink-0\">\r\n                  <img decoding=\"async\"\r\n                    src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/09\/blog-47.png\"\r\n                    alt=\"How I designed a brand Identity in 3 days\"\r\n                    class=\"size-full object-cover blog-image\"\r\n                    loading=\"lazy\" \/>\r\n                <\/figure>\r\n              \r\n              <!-- blog content  -->\r\n                              <div class=\"flex-1 p-5 sm:p-6 xl:p-6\">\r\n                                  <!-- blog badge  -->\r\n                  \r\n                  <!-- time and title  -->\r\n                  <div class=\"mb-5 space-y-3\">\r\n                    <!-- blog time  -->\r\n                    <div class=\"flex items-center gap-2\">\r\n                      <!-- publish data  -->\r\n                      <div class=\"flex items-center gap-2\">\r\n                        <span aria-hidden=\"true\">\r\n                          <svg\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            width=\"24\"\r\n                            height=\"25\"\r\n                            viewBox=\"0 0 24 25\"\r\n                            fill=\"none\"\r\n                            aria-hidden=\"true\"\r\n                            class=\"fill-[#09121F] dark:fill-accent\/20\">\r\n                            <g clip-path=\"url(#clip0_3228_3397)\">\r\n                              <path\r\n                                d=\"M17 3.5H21C21.2652 3.5 21.5196 3.60536 21.7071 3.79289C21.8946 3.98043 22 4.23478 22 4.5V20.5C22 20.7652 21.8946 21.0196 21.7071 21.2071C21.5196 21.3946 21.2652 21.5 21 21.5H3C2.73478 21.5 2.48043 21.3946 2.29289 21.2071C2.10536 21.0196 2 20.7652 2 20.5V4.5C2 4.23478 2.10536 3.98043 2.29289 3.79289C2.48043 3.60536 2.73478 3.5 3 3.5H7V1.5H9V3.5H15V1.5H17V3.5ZM20 11.5H4V19.5H20V11.5ZM15 5.5H9V7.5H7V5.5H4V9.5H20V5.5H17V7.5H15V5.5ZM6 13.5H8V15.5H6V13.5ZM11 13.5H13V15.5H11V13.5ZM16 13.5H18V15.5H16V13.5Z\" \/>\r\n                            <\/g>\r\n                            <defs>\r\n                              <clipPath id=\"clip0_3228_3397\">\r\n                                <rect\r\n                                  width=\"24\"\r\n                                  height=\"24\"\r\n                                  fill=\"white\"\r\n                                  transform=\"translate(0 0.5)\" \/>\r\n                              <\/clipPath>\r\n                            <\/defs>\r\n                          <\/svg>\r\n                        <\/span>\r\n                        <time\r\n                          datetime=\"2025-09-22\"\r\n                          class=\"text-tagline-2 text-secondary\/60 dark:text-accent\/60 blog-meta\">\r\n                          22.09.2025                        <\/time>\r\n                      <\/div>\r\n\r\n                      <div class=\"px-4 text-stroke-2 dark:text-stroke-6\" aria-hidden=\"true\">|<\/div>\r\n\r\n                      <!-- time  -->\r\n                      <div class=\"flex items-center gap-2\">\r\n                        <span aria-hidden=\"true\">\r\n                          <svg\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            width=\"24\"\r\n                            height=\"25\"\r\n                            viewBox=\"0 0 24 25\"\r\n                            fill=\"none\"\r\n                            aria-hidden=\"true\"\r\n                            class=\"fill-[#09121F] dark:fill-accent\/20\">\r\n                            <g clip-path=\"url(#clip0_3228_3404)\">\r\n                              <path\r\n                                d=\"M17.6176 6.468L19.0706 5.015L20.4846 6.429L19.0316 7.882C20.4673 9.67917 21.1605 11.9579 20.9687 14.2501C20.7768 16.5424 19.7146 18.6742 18.0001 20.2077C16.2856 21.7412 14.0489 22.5601 11.7496 22.4961C9.45018 22.4321 7.26258 21.4901 5.63604 19.8635C4.00951 18.237 3.0675 16.0494 3.00349 13.75C2.93948 11.4506 3.75832 9.21402 5.29185 7.49951C6.82538 5.785 8.95718 4.72275 11.2494 4.53092C13.5417 4.33909 15.8204 5.03223 17.6176 6.468ZM11.9996 20.5C12.9188 20.5 13.8291 20.3189 14.6784 19.9672C15.5276 19.6154 16.2993 19.0998 16.9493 18.4497C17.5993 17.7997 18.1149 17.0281 18.4667 16.1788C18.8185 15.3295 18.9996 14.4193 18.9996 13.5C18.9996 12.5807 18.8185 11.6705 18.4667 10.8212C18.1149 9.97194 17.5993 9.20026 16.9493 8.55025C16.2993 7.90024 15.5276 7.38463 14.6784 7.03284C13.8291 6.68106 12.9188 6.5 11.9996 6.5C10.1431 6.5 8.36258 7.2375 7.04982 8.55025C5.73707 9.86301 4.99957 11.6435 4.99957 13.5C4.99957 15.3565 5.73707 17.137 7.04982 18.4497C8.36258 19.7625 10.1431 20.5 11.9996 20.5ZM10.9996 8.5H12.9996V14.5H10.9996V8.5ZM7.99957 1.5H15.9996V3.5H7.99957V1.5Z\" \/>\r\n                            <\/g>\r\n                            <defs>\r\n                              <clipPath id=\"clip0_3228_3404\">\r\n                                <rect\r\n                                  width=\"24\"\r\n                                  height=\"24\"\r\n                                  fill=\"white\"\r\n                                  transform=\"translate(0 0.5)\" \/>\r\n                              <\/clipPath>\r\n                            <\/defs>\r\n                          <\/svg>\r\n                        <\/span>\r\n                        <span class=\"text-tagline-2 text-secondary\/60 dark:text-accent\/60 blog-meta\">\r\n                          3 min\r\n                        <\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- blog title  -->\r\n                    <h3 class=\"text-heading-6 xl:text-heading-5 blog-title\">\r\n                      <a\r\n                        href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/how-i-designed-a-brand-identity-in-3-days-3\/\"\r\n                        aria-label=\"Read full article: How I designed a brand Identity in 3 days\">\r\n                        How I designed a brand Identity in 3 days                      <\/a>\r\n                    <\/h3>\r\n\r\n                                      <\/div>\r\n\r\n                  <!-- blog link tag  -->\r\n                  <div>\r\n                                        <a\r\n                      href=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/how-i-designed-a-brand-identity-in-3-days-3\/\"\r\n                      class=\"btn btn-md btn-white hover:btn-primary dark:btn-transparent inline-block\"\r\n                      aria-label=\"Read full article: How I designed a brand Identity in 3 days\">\r\n                      <span>Read more<\/span>\r\n                    <\/a>\r\n                                      <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n          <\/article>\r\n              <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-69b020d7 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-button\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.7\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"69b020d7\" data-element_type=\"widget\" data-widget_type=\"nextsaas-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-69b020d7 .nextsaas_button_wrap .nextsaas-button:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%23FCFCFC' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\t\t<div class=\"nextsaas_button_wrap\">\r\n\t\t\t\t\t\t<div class=\"md:inline-block block\">\r\n\t\t\t\t<a href=\"\/creative-portfolio\/blog\/\"  class=\"btn btn-white btn-md dark:btn-transparent hover:btn-primary w-full md:w-auto nextsaas-button\">\r\n\t\t\t\t  <span>Visit our blog<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1222ea3 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-parent\" data-id=\"1222ea3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-48f252f e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"48f252f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-5fddcfc nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"5fddcfc\" data-element_type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tGet started<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-724ce43f elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"724ce43f\" data-element_type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2 class=\"font-medium mb-4 nextsaas_heading \" style=\"\">\r\n\t\t\t\tLet\u2019s make something great\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-33a4dcad elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"33a4dcad\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"> Have a project in mind, or just want to say hello? I\u2019m always open to discussing new ideas, partnerships, or opportunities to collaborate.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2b369670 elementor-widget__width-inherit elementor-widget-mobile__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-newsletter\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.5\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2b369670\" data-element_type=\"widget\" data-widget_type=\"nextsaas-newsletter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t\t\t\t.elementor-element-2b369670 .newsletter-form .nextsaas-newsletter-btn:before {\r\n\t\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='%23FCFCFC' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'\/%3E%3C\/svg%3E\");\r\n\t\t\t\t}\r\n\t\t\t<\/style>\r\n        <div class=\"nextsaas_newsletter_wrapper\">\r\n            <form action=\"\" method=\"post\" class=\"newsletter-form\" data-nextsaas-form=\"newsletter-subscribe\">\r\n                <div class=\"flex items-center flex-col gap-5 sm:flex-row justify-start lg:gap-3 newsletter-form-inner\">    \r\n                    <input type=\"email\" name=\"email\" placeholder=\"Enter your email\"\r\n                    required\r\n                    class=\"px-[18px] shadow-1 h-12 py-3 placeholder:text-secondary\/50 rounded-full border border-stroke-1 lg:max-w-[340px] md:w-[71%] w-full max-[376px]:w-full dark:border-stroke-7 dark:placeholder:text-accent\/60 focus:outline-none focus:border-primary-600 dark:focus:border-primary-400 dark:text-accent placeholder:font-normal font-normal\" \/>\r\n                    <input type=\"hidden\" name=\"action\" value=\"nextsaas_mailchimp_subscribe\">\r\n                                            <button type=\"submit\"\r\n                            class=\"btn btn-md btn-primary h-12 w-full sm:w-[28%] lg:w-auto hover:btn-secondary dark:hover:btn-white nextsaas-newsletter-btn\">\r\n                            <span>Get started<\/span>\r\n                        <\/button>\r\n                                    <\/div>\r\n                <div class=\"form-result alert mt-3\">\r\n                    <div class=\"content\"><\/div>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-711416cd nextsaas-icon-list-layout-horizontal elementor-widget-mobile__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_icon_list\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.6\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"711416cd\" data-element_type=\"widget\" data-widget_type=\"nextsaas_icon_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"nextsaas-icon-list-wrapper\">\r\n            <ul class=\"nextsaas-icon-list-items nextsaas-icon-list-horizontal flex flex-wrap items-center max-sm:space-y-0\">\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2 inline-flex\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><rect width=\"18\" height=\"18\" rx=\"9\" fill=\"#1A1A1C\"><\/rect><path d=\"M8.31661 12.7561L13.7491 7.42144C14.0836 7.0959 14.0836 6.5697 13.7491 6.24416C13.4145 5.91861 12.8736 5.91861 12.539 6.24416L7.7116 10.9901L5.46096 8.78807C5.12636 8.46253 4.58554 8.46253 4.25095 8.78807C3.91635 9.11362 3.91635 9.63982 4.25095 9.96536L7.1066 12.7561C7.27347 12.9184 7.49253 13 7.7116 13C7.93067 13 8.14974 12.9184 8.31661 12.7561Z\" fill=\"white\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Freelance jobs                            <\/span>\r\n                                            <\/li>\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2 inline-flex\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><rect width=\"18\" height=\"18\" rx=\"9\" fill=\"#1A1A1C\"><\/rect><path d=\"M8.31661 12.7561L13.7491 7.42144C14.0836 7.0959 14.0836 6.5697 13.7491 6.24416C13.4145 5.91861 12.8736 5.91861 12.539 6.24416L7.7116 10.9901L5.46096 8.78807C5.12636 8.46253 4.58554 8.46253 4.25095 8.78807C3.91635 9.11362 3.91635 9.63982 4.25095 9.96536L7.1066 12.7561C7.27347 12.9184 7.49253 13 7.7116 13C7.93067 13 8.14974 12.9184 8.31661 12.7561Z\" fill=\"white\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Based in Brooklyn, working globally                            <\/span>\r\n                                            <\/li>\r\n                            <\/ul>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a0c7ee7 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-sticky-no e-con e-child\" data-id=\"1a0c7ee7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-133407fe elementor-absolute nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.6\" data-direction=\"up\" data-offset=\"100\" data-rotation=\"0\" data-id=\"133407fe\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"545\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-8.png\" class=\"attachment-full size-full wp-image-38374\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-8.png 585w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-8-300x279.png 300w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-8-215x200.png 215w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2f56c7d elementor-absolute nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.6\" data-direction=\"right\" data-offset=\"100\" data-rotation=\"0\" data-id=\"2f56c7d\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"436\" src=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-13.png\" class=\"attachment-full size-full wp-image-38375\" alt=\"\" srcset=\"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-13.png 410w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-13-282x300.png 282w, https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-content\/uploads\/2025\/11\/gradient-13-188x200.png 188w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Design that tells stories, code that connects. Stay updated with the latest bitcoin price index, offering real-time data, historical trends, and market insights to keep you informed about the cryptocurrency&#8217;s value fluctuations. View portfolio Book a call About me Nice to meet you I&#8217;m alex. I&#8217;m a Brooklyn creative with 8 years in web design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":51,"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":39251,"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/pages\/9\/revisions\/39251"}],"wp:attachment":[{"href":"https:\/\/nextsaas-wp.pixels71.com\/creative-portfolio\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}