From eafc5e80637aa6e37243cfcf4895f4df180918cd Mon Sep 17 00:00:00 2001 From: Mark Gregory Date: Tue, 28 Jul 2026 11:48:53 +0100 Subject: [PATCH] monor theme changes --- resources/themes/saasland/css/theme.css | 12 ++ resources/themes/saasland/theme.json | 4 +- .../views/legacy-home-content.blade.php | 121 +++++++++++++++--- .../saasland/views/legacy-home.blade.php | 63 +-------- .../saasland/views/partials/footer.blade.php | 63 +++++++-- 5 files changed, 171 insertions(+), 92 deletions(-) diff --git a/resources/themes/saasland/css/theme.css b/resources/themes/saasland/css/theme.css index d432c22..a6c8d32 100644 --- a/resources/themes/saasland/css/theme.css +++ b/resources/themes/saasland/css/theme.css @@ -7,3 +7,15 @@ .logo img{display:block;max-height:38px;max-width:190px}.desktop-nav{align-items:center}.nav-actions{display:flex;align-items:center;gap:12px}.nav-login,.nav-account{color:#d8d1ca;font-weight:700;font-size:14px}.nav-login:hover,.nav-account:hover{color:var(--orange)}.nav-register{padding:9px 16px;font-size:14px}.menu{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu span{display:block;width:19px;height:2px;background:#fff;border-radius:99px}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:#c8c2bb;font:inherit;cursor:pointer}.nav-dropdown-toggle:hover{color:var(--orange)}.nav-dropdown-menu,.account-dropdown{position:absolute;top:calc(100% + 14px);min-width:190px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#151310;box-shadow:0 20px 55px #0009}.nav-dropdown-menu a,.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:10px 12px;border-radius:8px;color:#d8d1ca;text-align:left;font:inherit}.nav-dropdown-menu a:hover,.account-dropdown a:hover,.account-dropdown button:hover{background:#f9731615;color:var(--orange)}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:5px 11px 5px 5px;background:#151310;color:#fff;cursor:pointer}.account-trigger>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#c2410c);font-weight:850}.account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.account-dropdown{right:0}.account-dropdown form,.account-dropdown button{margin:0;border:0;background:none}.mobile-auth{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.mobile-auth button{width:100%;border:0;background:none;color:#d8d1ca;text-align:left;font:inherit;padding:10px}.mobile-primary{color:var(--orange)!important;font-weight:800}.page-main{min-height:45vh;background:linear-gradient(180deg,#0c0b0a,#12100e 45%,#0c0b0a)}.page-hero{position:relative;overflow:hidden;padding:92px 0 78px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 30% 0,#3a210f 0,transparent 40%),linear-gradient(145deg,#0c0b0a,#171108)}.page-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.13;background:var(--orange)}.page-orb-one{width:360px;height:360px;right:10%;top:-50%}.page-orb-two{width:260px;height:260px;left:5%;bottom:-70%}.page-hero-inner{position:relative}.page-hero h1{max-width:900px;margin:16px 0 12px;font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.05em}.page-hero p{max-width:720px;margin:0;color:#bbb3ab;font-size:18px}.breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#8f877f;font-size:13px}.breadcrumbs a:hover{color:var(--orange)}.content-section{padding:76px 0 96px}.content-layout{max-width:940px}.content-card{position:relative;padding:clamp(28px,5vw,64px);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#191714,#11100e);box-shadow:0 30px 80px #0004}.content-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--orange),#fbbf24,transparent)}.content-lead{margin:0 0 32px;padding-bottom:28px;border-bottom:1px solid var(--line);color:#ddd5cd;font-size:clamp(19px,2.5vw,24px);line-height:1.55}.cms-content{color:#c4bdb5;font-size:17px}.cms-content h2,.cms-content h3,.cms-content h4{color:#fff;line-height:1.2;letter-spacing:-.025em}.cms-content h2{margin:2em 0 .65em;font-size:32px}.cms-content h3{margin:1.7em 0 .55em;font-size:24px}.cms-content p,.cms-content ul,.cms-content ol,.cms-content blockquote{margin:0 0 1.35em}.cms-content a{color:var(--orange2);text-decoration:underline;text-underline-offset:3px}.cms-content img{max-width:100%;height:auto;border-radius:14px}.cms-content blockquote{padding:18px 22px;border-left:3px solid var(--orange);border-radius:0 10px 10px 0;background:#f973160b;color:#e9e2da}.cms-content table{width:100%;border-collapse:collapse;margin:28px 0}.cms-content th,.cms-content td{padding:12px;border:1px solid var(--line);text-align:left}.cms-content th{background:#ffffff08;color:#fff}.article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:24px;color:#928a82;font-size:14px}.article-meta span+time:before{content:"•";margin-right:20px;color:var(--orange)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#191714,#11100e);transition:transform .25s,border-color .25s,box-shadow .25s}.post-card:hover{transform:translateY(-5px);border-color:#7c3d18;box-shadow:0 24px 60px #0005}.post-card-accent{height:5px;background:linear-gradient(90deg,var(--orange),#fbbf24)}.post-card:nth-child(3n+2) .post-card-accent{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.post-card:nth-child(3n+3) .post-card-accent{background:linear-gradient(90deg,#14b8a6,#22c55e)}.post-card-body{padding:28px}.post-meta{color:var(--orange2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.post-card h2{margin:12px 0;font-size:25px;line-height:1.18}.post-card h2 a:hover{color:var(--orange)}.post-card p{color:var(--muted)}.read-more{display:inline-block;margin-top:8px;color:var(--orange2);font-weight:800}.empty-state{grid-column:1/-1;padding:54px;border:1px dashed #4a423a;border-radius:16px;color:var(--muted);text-align:center}.theme-pagination{margin-top:38px}.theme-pagination nav{color:#c8c2bb}.theme-pagination a,.theme-pagination span{border-color:var(--line)!important;background:#151310!important;color:#c8c2bb!important}.theme-pagination span[aria-current="page"] span{background:var(--orange)!important;color:#fff!important}.copyright{display:flex;justify-content:space-between;gap:20px}.footer-brand{max-width:340px} @media(max-width:980px){.desktop-nav,.nav-login,.nav-account,.nav-register,.account-menu{display:none}.menu{display:flex}.mobile-nav{top:72px;max-height:calc(100vh - 72px);overflow:auto;border-bottom:1px solid var(--line)}.mobile-nav>a,.mobile-nav>.nav-dropdown>a,.mobile-nav .nav-dropdown-toggle{padding:10px;color:#d8d1ca}.mobile-nav .nav-dropdown{display:flex;flex-direction:column}.mobile-nav .nav-dropdown-menu{position:static;margin:0 0 8px 12px;box-shadow:none}.content-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-hero{padding:68px 0 56px}.content-section{padding:48px 0 70px}.content-card{border-radius:15px}.article-meta span+time:before{display:none}.copyright{flex-direction:column}.account-name{display:none}} .newsletter-panel{display:flex;align-items:center;justify-content:space-between;gap:40px}.newsletter-panel h2{margin:12px 0 8px}.newsletter-panel p{margin:0;color:var(--muted)}.newsletter-panel form{display:flex;gap:10px;min-width:min(100%,430px)}.newsletter-panel input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:#0c0b0a;color:#fff;padding:13px 15px;font:inherit}.newsletter-panel input:focus{outline:2px solid #f9731666;border-color:var(--orange)}@media(max-width:800px){.newsletter-panel{align-items:stretch;flex-direction:column}.newsletter-panel form{min-width:0;flex-direction:column}} + +/* Saasland 1.3 — tighter homepage rhythm and premium footer */ +.marketing-main{overflow:hidden}.hero{min-height:auto}.hero-inner.hero-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:64px;align-items:center;padding:72px 0 64px;text-align:left}.hero-copy{position:relative;z-index:2}.hero-layout .eyebrow{margin:0}.hero-layout h1{max-width:620px;margin:22px 0 18px;font-size:clamp(48px,5.2vw,76px)}.hero-layout>div>p{max-width:590px;margin:0 0 28px;font-size:18px}.hero-layout .actions{justify-content:flex-start}.hero-assurances{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px;color:#b9b1a9;font-size:13px}.hero-assurances span::first-letter{color:var(--orange)}.hero-layout .dashboard{width:100%;max-width:none;margin:0;transform:perspective(1500px) rotateY(-2deg);box-shadow:0 34px 100px #000b,0 0 80px #f973160d}.section{padding:76px 0}.section+.section{padding-top:72px}.heading{margin-bottom:38px}.alt{background:#100f0d}.final-cta{padding:70px 0;background:linear-gradient(125deg,#f97316,#c2410c 72%,#9a3412);border-top:1px solid #fb923c66}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.final-cta h2{max-width:720px;margin:14px 0 8px;font-size:clamp(34px,4.4vw,56px);line-height:1.04;letter-spacing:-.04em}.final-cta p{margin:0;color:#fffde8;font-size:18px}.final-cta .section-label{border-color:#fff5;background:#fff2;color:#fff}.final-cta .actions{flex-shrink:0}.final-cta-secondary{border-color:#fff8;color:#fff;background:#0002}.final-cta-secondary:hover{background:#fff;color:#9a3412}.footer{padding:64px 0 0;background:linear-gradient(180deg,#11110f,#090908);border-top:1px solid #2e2b27}.footer-grid-premium{grid-template-columns:minmax(250px,1.55fr) repeat(3,minmax(120px,.75fr)) minmax(270px,1.4fr);gap:42px;align-items:start}.footer-logo{display:inline-block;margin-bottom:6px}.footer-brand>p{max-width:330px;margin:12px 0 18px}.footer-contact{display:flex;flex-direction:column;gap:7px;margin:0;color:#a9a29a;font-style:normal}.footer-contact a:hover{color:var(--orange)}.footer-socials{display:flex;gap:9px;margin-top:20px}.footer-socials a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #3b3732;border-radius:50%;background:#ffffff05;color:#d8d1ca;font-size:13px;font-weight:800}.footer-socials a:hover{border-color:var(--orange);background:#f9731616;color:var(--orange);transform:translateY(-2px)}.footer-column h3,.footer-newsletter h3{margin:2px 0 16px;color:#fff;font-size:15px}.footer-column ul{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}.footer-column a{font-size:14px}.footer-newsletter p{margin:0 0 18px;font-size:14px}.footer-subscribe{display:flex;overflow:hidden;border:1px solid #3a3631;border-radius:10px;background:#0c0b0a}.footer-subscribe:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #f9731622}.footer-subscribe input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:13px 14px;font:inherit}.footer-subscribe input:focus{outline:0}.footer-subscribe button{border:0;background:var(--orange);color:#fff;padding:0 17px;font-weight:800;cursor:pointer}.footer-subscribe button:hover{background:#ea580c}.copyright{align-items:center;margin-top:54px;padding:19px 0;border-top:1px solid #292622}.footer-bottom-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px}.footer-bottom-links a{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} +@media(max-width:1100px){.hero-inner.hero-layout{grid-template-columns:1fr 1fr;gap:36px}.footer-grid-premium{grid-template-columns:1.4fr repeat(3,1fr)}.footer-newsletter{grid-column:1/-1;max-width:560px}} +@media(max-width:800px){.hero-inner.hero-layout{display:block;padding:64px 0 56px;text-align:center}.hero-layout h1,.hero-layout>div>p{margin-left:auto;margin-right:auto}.hero-layout .actions,.hero-assurances{justify-content:center}.hero-layout .dashboard{display:none}.section,.section+.section{padding:60px 0}.final-cta{padding:58px 0}.final-cta-inner{align-items:flex-start;flex-direction:column;gap:26px}.final-cta .actions{justify-content:flex-start}.footer-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.footer-brand,.footer-newsletter{grid-column:1/-1}.footer{padding-top:52px}} +@media(max-width:520px){.hero-layout h1{font-size:43px}.hero-assurances{align-items:center;flex-direction:column;gap:7px}.footer-grid-premium{grid-template-columns:1fr}.footer-brand,.footer-newsletter{grid-column:auto}.footer-subscribe{flex-direction:column;background:transparent;border:0;gap:9px}.footer-subscribe input{border:1px solid #3a3631;border-radius:9px;background:#0c0b0a}.footer-subscribe button{min-height:46px;border-radius:9px}.copyright{align-items:flex-start}.footer-bottom-links{justify-content:flex-start}} + +/* Saasland screenshot-match refresh */ +.saasland-theme{--orange:#f97316;--orange2:#fb923c;--surface:#111210;--surface-2:#171816}.nav{max-width:none;padding-left:max(24px,calc((100vw - 1440px)/2));padding-right:max(24px,calc((100vw - 1440px)/2));min-height:72px;background:#080a09eF;border-bottom:1px solid #2b2d2a}.logo{font-size:20px}.desktop-nav{gap:38px}.desktop-nav a{font-size:14px}.nav-account{border:1px solid #454845;border-radius:8px;padding:10px 19px}.hero-premium{position:relative;overflow:hidden;min-height:500px;padding:0;background:radial-gradient(circle at 29% 34%,#5e2d111f 0,transparent 35%),linear-gradient(115deg,#0b0d0c,#11100e 55%,#090b0a)}.hero-premium:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:#2b2d2a}.hero-ambient{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.hero-ambient-one{width:500px;height:500px;left:8%;top:-120px;background:#f9731620}.hero-ambient-two{width:360px;height:360px;right:3%;bottom:-180px;background:#f973160d}.hero-premium-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.76fr) minmax(680px,1.24fr);gap:74px;align-items:center;padding:48px 0 42px}.hero-copy{text-align:left}.hero-copy .eyebrow{display:inline-flex;margin:0 0 22px;padding:8px 14px;border:1px solid #8d420f;border-radius:999px;background:#f9731608;color:#fb923c;font-size:12px;font-weight:700;text-transform:none;letter-spacing:0}.hero-copy h1{max-width:560px;margin:0 0 18px;font-size:clamp(48px,4.8vw,72px);line-height:.99;letter-spacing:-.055em}.hero-copy h1::first-line{color:#fff}.hero-copy>p{max-width:550px;margin:0 0 26px;color:#bbbdb9;font-size:17px;line-height:1.55}.hero-actions{justify-content:flex-start;gap:14px}.hero-actions .btn{min-height:49px;padding:0 24px}.play-icon{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border:1px solid currentColor;border-radius:50%;font-size:8px}.hero-assurances{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;color:#c2c4c0;font-size:12px}.hero-assurances span{display:flex;align-items:center;gap:7px}.hero-assurances i{display:grid;place-items:center;width:14px;height:14px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:9px;font-style:normal}.dashboard-preview{display:grid;grid-template-columns:126px 1fr;min-width:0;height:428px;overflow:hidden;border:1px solid #50534f;border-radius:17px;background:#0d0f0e;box-shadow:0 30px 90px #0009}.dashboard-sidebar{padding:16px 12px;border-right:1px solid #242724;background:linear-gradient(180deg,#111411,#0b0d0c)}.dashboard-mark{display:grid;place-items:center;width:33px;height:33px;margin:0 0 15px 5px;border-radius:7px;background:#090a09;color:var(--orange);font-size:25px;font-weight:900;font-style:italic}.dashboard-nav-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:8px 9px;border-radius:6px;color:#d2d4d0;font-size:10px}.dashboard-nav-item span{width:13px}.dashboard-nav-item.active{background:#592d111f;color:#fb923c}.dashboard-main{min-width:0;padding:19px 21px}.dashboard-heading-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dashboard-heading-row small{color:#f2f3f1;font-weight:700}.dashboard-heading-row h3{margin:20px 0 3px;font-size:14px}.dashboard-heading-row p{margin:0;color:#939792;font-size:9px}.dashboard-heading-row button{margin-top:35px;border:1px solid #282b28;border-radius:6px;background:#181a18;color:#d5d7d3;padding:9px 11px;font-size:9px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0 13px}.dashboard-stats article{position:relative;min-width:0;padding:14px 12px;border:1px solid #252825;border-radius:8px;background:#181a18}.dashboard-stats small{display:block;color:#929691;font-size:8px}.dashboard-stats strong{display:block;margin-top:8px;color:#fff;font-size:17px}.dashboard-stats em{position:absolute;right:8px;bottom:14px;color:#f97316;font-size:7px;font-style:normal}.dashboard-stats article:last-child em{color:#36b86a}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(150px,.75fr);gap:11px}.dashboard-panels>article{height:196px;border:1px solid #252825;border-radius:8px;background:#161816}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 0;font-size:9px}.panel-title span{padding:5px 7px;border:1px solid #282b28;border-radius:4px;color:#b9bcb8;font-size:7px}.line-chart{position:relative;height:154px;margin:7px 12px 0}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#2a2d2a 38px),repeating-linear-gradient(to right,transparent 0,transparent 78px,#202320 79px);opacity:.7}.line-chart svg{position:absolute;inset:8px 0 20px;width:100%;height:126px;overflow:visible}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#f97316;stroke-width:2}.chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#858984;font-size:6px}.dashboard-pages-panel>div:not(.panel-title){display:flex;justify-content:space-between;margin:0 12px;padding:11px 0;border-bottom:1px solid #262926;color:#aeb1ad;font-size:8px}.dashboard-pages-panel>div:last-child{border-bottom:0}.dashboard-pages-panel strong{color:#f3f4f2}.features-premium{padding:28px 0 32px;background:#0b0d0c}.compact-heading{margin-bottom:25px;text-align:center}.compact-heading span{padding:7px 14px;border:1px solid #71380f;border-radius:999px;background:#f9731608}.compact-heading h2{margin:12px 0 7px;font-size:30px}.compact-heading p{margin:0 auto;font-size:14px}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.feature-item{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start}.feature-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:9px;background:#191b19;color:var(--orange);font-size:26px}.feature-item h3{margin:2px 0 6px;font-size:14px}.feature-item p{margin:0;color:#a9ada8;font-size:12px;line-height:1.55}.section{padding:64px 0}.section+.section{padding-top:64px}.footer{padding:31px 0 0;background:linear-gradient(180deg,#181a18,#111311);border-top:1px solid #343734}.footer-grid-premium{display:grid;grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(115px,.72fr)) minmax(270px,1.3fr);gap:42px;align-items:start}.footer-logo{display:inline-flex;align-items:center;gap:12px;margin:0 0 10px}.footer-brand-mark{display:grid;place-items:center;width:36px;height:36px;color:var(--orange);font-size:35px;font-weight:900;font-style:italic}.footer-brand p{max-width:250px;margin:0 0 12px;color:#aeb1ad;font-size:12px;line-height:1.55}.footer-column h3,.footer-newsletter h3{margin:0 0 14px;color:#fff;font-size:13px}.footer-column ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.footer-column a,.footer-newsletter p{color:#aeb1ad;font-size:12px}.footer-column a:hover{color:var(--orange)}.footer-socials{display:flex;gap:8px}.footer-socials a{display:grid;place-items:center;width:29px;height:29px;border:1px solid #454845;border-radius:50%;color:#bfc2bd;font-size:11px;font-weight:800}.footer-newsletter p{max-width:250px;margin:0 0 15px;line-height:1.5}.footer-subscribe{display:flex;overflow:hidden;border:1px solid #454845;border-radius:8px;background:#181a18}.footer-subscribe input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:12px;font-size:12px}.footer-subscribe input:focus{outline:0}.footer-subscribe button{border:0;background:var(--orange);color:#fff;padding:0 18px;font-size:12px;font-weight:800;cursor:pointer}.footer-bottom{margin-top:28px;background:#0d0f0e}.copyright{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;color:#9fa29e;font-size:11px}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a:hover{color:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} +@media(max-width:1180px){.hero-premium-grid{grid-template-columns:1fr;gap:38px;padding-top:60px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-assurances{justify-content:center}.dashboard-preview{max-width:900px;width:100%;margin:0 auto}.feature-row{grid-template-columns:repeat(2,1fr)}.footer-grid-premium{grid-template-columns:1.25fr repeat(3,1fr)}.footer-newsletter{grid-column:1/-1;max-width:560px}} +@media(max-width:760px){.hero-premium-grid{padding:52px 0 44px}.hero-copy h1{font-size:46px}.dashboard-preview{display:none}.features-premium{padding:42px 0}.feature-row{grid-template-columns:1fr}.footer-grid-premium{grid-template-columns:repeat(2,1fr)}.footer-brand,.footer-newsletter{grid-column:1/-1}.copyright{align-items:flex-start;flex-direction:column}.footer-bottom-links{flex-wrap:wrap}} +@media(max-width:480px){.hero-copy h1{font-size:39px}.hero-assurances{align-items:center;flex-direction:column}.footer-grid-premium{grid-template-columns:1fr}.footer-brand,.footer-newsletter{grid-column:auto}.footer-subscribe{flex-direction:column;border:0;background:transparent;gap:8px}.footer-subscribe input{border:1px solid #454845;border-radius:8px;background:#181a18}.footer-subscribe button{min-height:44px;border-radius:8px}} diff --git a/resources/themes/saasland/theme.json b/resources/themes/saasland/theme.json index eaef0af..4635f36 100644 --- a/resources/themes/saasland/theme.json +++ b/resources/themes/saasland/theme.json @@ -1,9 +1,9 @@ { "name": "Saasland", "slug": "saasland", - "version": "1.2.0", + "version": "1.3.0", "author": "ABSDEV", - "description": "Configurable premium SaaS frontend with CMS-driven content, pricing, blog, news, team, testimonials, FAQ and newsletter sections.", + "description": "Premium dark SaaS frontend with compact section spacing, responsive dashboard hero, CMS-driven content and an expanded lead-generation footer.", "entry_view": "home", "stylesheet": "css/theme.css", "script": "js/app.js", diff --git a/resources/themes/saasland/views/legacy-home-content.blade.php b/resources/themes/saasland/views/legacy-home-content.blade.php index c8a0a88..d041cc0 100644 --- a/resources/themes/saasland/views/legacy-home-content.blade.php +++ b/resources/themes/saasland/views/legacy-home-content.blade.php @@ -1,29 +1,112 @@ -
-
-
- {{ $themeSettings['hero_eyebrow'] ?? 'A better way to run your business' }} -

{{ $heroTitle }}

-

{{ $heroText }}

-
- {{ $themeSettings['primary_cta_label'] ?? 'Get started free' }} → - {{ $themeSettings['secondary_cta_label'] ?? 'Book demo' }} +
+
+
+ +
+
+ {{ $themeSettings['hero_eyebrow'] ?? 'All-in-One CMS Platform' }} +

{{ $heroTitle }}

+

{{ $heroText }}

+ +
+ + {{ $themeSettings['primary_cta_label'] ?? 'Get started free' }} → + + + ▶{{ $themeSettings['secondary_cta_label'] ?? 'Watch demo' }} + +
+ +
+ ✓No credit card required + ✓Free 14-day trial + ✓Cancel anytime +
+ @if($enabled('show_metrics', true)) -
-
Performance overviewLive
-
Monthly revenue£48,240+18.4%
Active users12,842+9.2%
Conversion7.8%+2.1%
-
-
+
+ + +
+
+
+ Dashboard +

Welcome back, Mark 👋

+

Here’s what’s happening with your site today.

+
+ +
+ +
+ @foreach([ + ['Total Visitors','24,854','↑ 12.5%'], + ['Page Views','62,104','↑ 8.2%'], + ['New Users','1,429','↑ 15.3%'], + ['Bounce Rate','32.6%','↓ 4.1%'], + ] as $stat) +
{{ $stat[0] }}{{ $stat[1] }}{{ $stat[2] }}
+ @endforeach +
+ +
+
+
Visitors OverviewThis Week⌄
+
+
+ + + + + +
May 12May 13May 14May 15May 16May 17May 18
+
+
+ +
+
Top Pages
+ @foreach([['/','10,430'],['/features','8,129'],['/pricing','6,247'],['/blog','4,985'],['/contact','3,421']] as $page) +
{{ $page[0] }}{{ $page[1] }}
+ @endforeach +
+
+
+
@endif
@if($enabled('show_features', true)) -
Powerful features

Everything your team needs to grow

Planning, collaboration, reporting, publishing, commerce and customer insight in one extensible platform.

-@foreach([['Smart automation','Remove repetitive work and delays.'],['Real-time analytics','Turn activity into useful business insight.'],['Content operations','Create, review and publish confidently.'],['Secure by design','Protect users and data with dependable controls.'],['Flexible integrations','Connect the tools your organisation already uses.'],['Modular architecture','Activate only the capabilities each site needs.']] as $i => $feature) -
{{ str_pad((string)($i+1),2,'0',STR_PAD_LEFT) }}

{{ $feature[0] }}

{{ $feature[1] }}

-@endforeach -
+
+
+
+ Powerful features +

Everything your team needs to grow

+

Built with all the tools you need to manage content, engage users, and scale your business.

+
+ +
+ @foreach([ + ['✎','Easy Content Management','Create, edit, and publish content with an intuitive and powerful editor.'], + ['♙','Team Collaboration','Work together seamlessly with roles, permissions, and real-time updates.'], + ['▥','Advanced Analytics','Track performance and make data-driven decisions with detailed insights.'], + ['♢','Secure & Reliable','Enterprise-grade security and dependable uptime you can count on.'], + ] as $feature) +
+
{{ $feature[0] }}
+

{{ $feature[1] }}

{{ $feature[2] }}

+
+ @endforeach +
+
+
@endif @if($enabled('show_pricing', true) && $pricingPlans->isNotEmpty()) diff --git a/resources/themes/saasland/views/legacy-home.blade.php b/resources/themes/saasland/views/legacy-home.blade.php index 63099a1..9ed5572 100644 --- a/resources/themes/saasland/views/legacy-home.blade.php +++ b/resources/themes/saasland/views/legacy-home.blade.php @@ -5,69 +5,10 @@ $description = $siteDescription; $hero = true; $enabled = fn (string $key, bool $default = true) => filter_var($themeSettings[$key] ?? $default, FILTER_VALIDATE_BOOL); - $heroTitle = filled($themeSettings['hero_title'] ?? null) ? $themeSettings['hero_title'] : 'Transform Your Business With Our SaaS Solution'; + $heroTitle = filled($themeSettings['hero_title'] ?? null) ? $themeSettings['hero_title'] : 'Transform Your Business With Our CMS Solution'; $heroText = filled($themeSettings['hero_description'] ?? null) ? $themeSettings['hero_description'] : 'Streamline operations, boost productivity, and improve customer satisfaction with one connected platform built for modern teams.'; @endphp @section('content') -
-
-
- {{ $themeSettings['hero_eyebrow'] ?? 'A better way to run your business' }} -

{{ $heroTitle }}

-

{{ $heroText }}

-
- {{ $themeSettings['primary_cta_label'] ?? 'Get started free' }} → - {{ $themeSettings['secondary_cta_label'] ?? 'Book demo' }} -
- @if($enabled('show_metrics', true)) -
-
Performance overviewLive
-
Monthly revenue£48,240+18.4%
Active users12,842+9.2%
Conversion7.8%+2.1%
-
-
- @endif -
-
- -@if($enabled('show_features', true)) -
Powerful features

Everything your team needs to grow

Planning, collaboration, reporting, publishing, commerce and customer insight in one extensible platform.

-@foreach([['Smart automation','Remove repetitive work and delays.'],['Real-time analytics','Turn activity into useful business insight.'],['Content operations','Create, review and publish confidently.'],['Secure by design','Protect users and data with dependable controls.'],['Flexible integrations','Connect the tools your organisation already uses.'],['Modular architecture','Activate only the capabilities each site needs.']] as $i => $feature) -
{{ str_pad((string)($i+1),2,'0',STR_PAD_LEFT) }}

{{ $feature[0] }}

{{ $feature[1] }}

-@endforeach -
-@endif - -@if($enabled('show_pricing', true) && $pricingPlans->isNotEmpty()) -
Simple pricing

Choose a plan that fits

Plans are managed from Products & Pricing in the CMS.

-@foreach($pricingPlans as $plan) -
@if($plan->is_featured)
Most popular
@endif

{{ $plan->name }}

@if($plan->price !== null){{ $plan->currency === 'GBP' ? '£' : $plan->currency.' ' }}{{ rtrim(rtrim(number_format((float)$plan->price,2), '0'), '.') }}/{{ $plan->billing_period ?: 'month' }}@else Custom @endif

{{ $plan->description }}

    @foreach((array)$plan->features as $feature)
  • {{ $feature }}
    • @endforeach
{{ $plan->cta_label ?: 'Learn more' }}
-@endforeach -
-@endif - -@if($enabled('show_testimonials', true) && $testimonials->isNotEmpty()) -
Customer stories

Trusted by ambitious teams

@foreach($testimonials as $testimonial)
“{{ $testimonial->content }}”
{{ $testimonial->name }}@if($testimonial->company) · {{ $testimonial->company }}@endif
@endforeach
-@endif - -@if($enabled('show_team', false) && $teamMembers->isNotEmpty()) -
Our team

People behind the platform

@foreach($teamMembers as $member)

{{ $member->name }}

{{ $member->job_title }}

{{ $member->biography }}

@endforeach
-@endif - -@if($enabled('show_blog', true) && $latestBlogPosts->isNotEmpty()) -
Insights

Latest from the blog

@foreach($latestBlogPosts as $post)
{{ optional($post->published_at)->format('d M Y') }}

{{ $post->title }}

{{ $post->excerpt }}

Read article →
@endforeach
-@endif - -@if($enabled('show_news', true) && $latestNewsArticles->isNotEmpty()) -
Newsroom

Latest news

@foreach($latestNewsArticles as $article)
{{ optional($article->published_at)->format('d M Y') }}

{{ $article->title }}

{{ $article->excerpt }}

Read update →
@endforeach
-@endif - -@if($enabled('show_faq', true) && $faqs->isNotEmpty()) -
FAQ

Answers before you begin

@foreach($faqs as $faq)

{{ $faq->answer }}

@endforeach
-@endif - -@if($enabled('show_newsletter', true)) -
-@endif - + @include('stylist-theme-saasland::legacy-home-content', compact('enabled', 'heroTitle', 'heroText')) @endsection diff --git a/resources/themes/saasland/views/partials/footer.blade.php b/resources/themes/saasland/views/partials/footer.blade.php index 8d3ba45..307686e 100644 --- a/resources/themes/saasland/views/partials/footer.blade.php +++ b/resources/themes/saasland/views/partials/footer.blade.php @@ -2,16 +2,59 @@ $footerContent = $footerContent ?? []; $navigation = app(\Modules\Stylist\Support\FrontendNavigation::class); $columns = collect([ - ['heading' => $footerContent['explore_heading'] ?? 'Explore', 'items' => $navigation->location($footerContent['explore_menu_location'] ?? 'footer', $footerNavigation ?? [])], - ['heading' => $footerContent['account_heading'] ?? 'Account', 'items' => $navigation->location($footerContent['account_menu_location'] ?? 'footer_account')], - ['heading' => $footerContent['legal_heading'] ?? 'Legal', 'items' => $navigation->location($footerContent['legal_menu_location'] ?? 'footer_legal')], - ])->filter(fn(array $column) => $column['items'] !== []); - $copyright = $siteSettings['copyright'] ?: ('© '.date('Y').' '.$siteSettings['company_name'].'. All rights reserved.'); + ['heading' => $footerContent['explore_heading'] ?? 'Product', 'items' => $navigation->location($footerContent['explore_menu_location'] ?? 'footer', $footerNavigation ?? [])], + ['heading' => $footerContent['account_heading'] ?? 'Resources', 'items' => $navigation->location($footerContent['account_menu_location'] ?? 'footer_account')], + ['heading' => $footerContent['legal_heading'] ?? 'Company', 'items' => $navigation->location($footerContent['legal_menu_location'] ?? 'footer_legal')], + ])->filter(fn (array $column) => $column['items'] !== []); + $copyright = ($siteSettings['copyright'] ?? null) ?: ('© '.date('Y').' '.($siteSettings['company_name'] ?? $siteTitle).'. All rights reserved.'); @endphp -