<script src="https://app.easy.tools/cookies/scripts/ca7e14560e3349e49ad6b741ae0b5048.js" type="text/javascript"></script>
**Pick Your Tools. Upgrade Your Edits.**
**Make better videos in less time and keep your entire workflow organised.**
© 2026 **Dina and Agnes.** All rights reserved.
**Meet Dina & Agnes**
We’re two creators who live in CapCut, testing, breaking, and rebuilding workflows until they actually work. Our YouTube channel grew from one simple idea: show creators real, practical ways to make better edits. No fluff, no overcomplicated tutorials. The assets and the workspace came directly from our own process. We needed faster edits and a way to keep our content business from falling apart, so we built them. We still use both every single day. What you get from us isn’t a product made to sell. It’s a system that already works.
**Built By Creators, Not a Software Company**
**Every Asset Solves a Real Problem**
**We built these tools because we needed them ourselves, years of editing, testing, and fixing what didn’t work led to this.**
**CapCut Creator Mastery**
Our comprehensive CapCut course. **Launches in October 2026.** **Waitlist benefits:** ✓ Be first to know when enrolment opens ✓ Lock in £149 instead of paying £199 later ✓ Follow the course build behind the scenes ✓ You have 24 hours to act. After that, £149 is history. **What you’ll master & create with the course:**
<section class="toolkit-course-section">
<div class="toolkit-panel">
<div class="toolkit-copy">
<h2>
<span class="headline-line-one">
<strong>The</strong> <em>all-in-one toolkit</em>
</span>
<span class="headline-line-two">
to edit better videos.
</span>
</h2>
<p class="toolkit-subheading">
Professional LUTs, motion graphics, backgrounds, overlays & sound effects
</p>
<a href="https://dinaandagnes.com/#pricing-offer-tiles-471fk" class="asset-button">
Find Your Next Asset
</a>
</div>
<div class="toolkit-image">
<img src="https://github.com/user-attachments/assets/91cf08a5-c41a-4d1a-9bfb-0e133993f87a" alt="Creator editing cinematic video">
</div>
</div>
<div class="course-card">
<div class="course-pill">Upcoming Course</div>
<h3>Edit Cinematic Videos<br>in CapCut</h3>
<p>Learn professional editing techniques to create cinematic videos that stand out.</p>
<div class="course-features">
<div class="course-feature">
<div class="course-icon">
<svg viewBox="0 0 24 24">
<rect x="4" y="5" width="16" height="14" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M10 9l5 3-5 3V9z" fill="currentColor"/>
</svg>
</div>
<span>Step-by-step<br>video lessons</span>
</div>
<div class="course-feature">
<div class="course-icon">
<svg viewBox="0 0 24 24">
<path d="M3 8l9-5 9 5-9 5-9-5z" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M7 11v5c0 1 2.5 3 5 3s5-2 5-3v-5" fill="none" stroke="currentColor" stroke-width="2"/>
</svg>
</div>
<span>Practice<br>projects</span>
</div>
<div class="course-feature">
<div class="course-icon">
<svg viewBox="0 0 24 24">
<path d="M8 8c-3 0-5 2-5 4s2 4 5 4c2 0 3.5-2 4-4 .5-2 2-4 4-4 3 0 5 2 5 4s-2 4-5 4c-2 0-3.5-2-4-4-.5-2-4-4-4-4z" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/>
</svg>
</div>
<span>Lifetime<br>access</span>
</div>
</div>
<a href="https://dinaandagnes.com/#cta-two-columns-with-photo-right-igj8" class="course-button">
Join the Waitlist →
</a>
</div>
</section>
<style>
:root{
--brand:#02E482;
--mint:#EAFBF2;
--soft:#DDF8E8;
--border:#D9D9D9;
}
.toolkit-course-section{
width:min(94vw,1500px);
margin:70px auto;
display:grid;
grid-template-columns:2.65fr 1fr;
gap:24px;
font-family:Inter,sans-serif;
}
.toolkit-panel{
background:var(--mint);
border:1px solid rgba(0,0,0,.06);
border-radius:26px;
padding:34px 32px;
display:grid;
grid-template-columns:.95fr 1.25fr;
align-items:center;
gap:38px;
min-height:340px;
}
.toolkit-copy h2{
margin:0;
display:flex;
flex-direction:column;
gap:4px;
font-weight:800;
letter-spacing:-.055em;
color:#000;
}
.headline-line-one,
.headline-line-two{
display:block;
white-space:nowrap;
font-size:clamp(30px,2.35vw,48px);
line-height:1.05;
}
.headline-line-one strong{
font-weight:800;
color:#000;
}
.headline-line-one em{
color:var(--brand);
font-family:Georgia,serif;
font-style:italic;
font-weight:700;
}
.toolkit-subheading{
margin:16px 0 0;
font-size:clamp(13px,1vw,17px);
line-height:1.3;
font-weight:600;
color:#222;
white-space:nowrap;
}
.asset-button{
display:inline-block;
margin-top:22px;
background:var(--brand);
color:#fff;
text-decoration:none;
font-size:16px;
font-weight:800;
padding:15px 20px;
border-radius:10px;
}
.toolkit-image{
height:260px;
border-radius:22px;
overflow:hidden;
background:#111;
}
.toolkit-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.course-card{
background:#fff;
border:1px solid var(--border);
border-radius:26px;
padding:30px 28px;
display:flex;
flex-direction:column;
justify-content:center;
min-height:340px;
}
.course-pill{
width:max-content;
padding:8px 15px;
border-radius:999px;
background:var(--soft);
color:#111;
font-size:11px;
font-weight:800;
text-transform:uppercase;
margin-bottom:22px;
}
.course-card h3{
margin:0 0 20px;
font-size:clamp(26px,1.7vw,34px);
line-height:1.05;
letter-spacing:-.055em;
font-weight:800;
color:#000;
}
.course-card p{
margin:0 0 28px;
font-size:16px;
line-height:1.45;
color:#222;
}
.course-features{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-bottom:28px;
}
.course-feature{
background:var(--soft);
border-radius:13px;
padding:15px 8px;
text-align:center;
color:#111;
}
.course-icon{
width:27px;
height:27px;
margin:0 auto 10px;
color:#000;
}
.course-icon svg{
width:100%;
height:100%;
display:block;
}
.course-feature span{
display:block;
font-size:11px;
line-height:1.25;
font-weight:700;
}
.course-button{
display:block;
width:100%;
text-align:center;
background:var(--brand);
color:#fff;
text-decoration:none;
font-size:17px;
font-weight:800;
padding:17px 20px;
border-radius:10px;
}
@media(max-width:900px){
.toolkit-course-section{
grid-template-columns:1fr;
width:92vw;
margin:55px auto;
gap:18px;
}
.toolkit-panel{
grid-template-columns:1fr;
padding:30px 22px;
border-radius:24px;
min-height:auto;
gap:26px;
}
.headline-line-one,
.headline-line-two{
font-size:clamp(30px,7vw,42px);
white-space:normal;
}
.toolkit-subheading{
font-size:15px;
white-space:normal;
}
.asset-button{
font-size:16px;
padding:15px 20px;
}
.toolkit-image{
height:240px;
border-radius:18px;
}
.course-card{
padding:30px 24px;
border-radius:24px;
min-height:auto;
}
.course-card h3{
font-size:clamp(30px,7vw,38px);
}
.course-features{
grid-template-columns:repeat(3,1fr);
gap:10px;
}
.course-feature{
padding:14px 8px;
}
.course-feature span{
font-size:11px;
}
.course-button{
font-size:18px;
padding:18px 20px;
}
}
</style>
<iframe
id="faq-17"
width="100%"
src="https://app.easy.tools/faqs/faq-17"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
frameborder="0"
scrolling="no"
></iframe>
<script> window.addEventListener("message", (e) => {!!e.data.frameHeight && e.data.faqUuid === "faq-17" && (document.getElementById("faq-17").style.height = e.data.frameHeight);});</script>
<iframe
id="wall-of-love-3"
width="100%"
src="https://app.easy.tools/walls/wall-of-love-3"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
frameborder="0"
scrolling="no"
></iframe>
<script> window.addEventListener("message", (e) => {!!e.data.frameHeight && e.data.wallUuid === "wall-of-love-3" && (document.getElementById("wall-of-love-3").style.height = e.data.frameHeight);});</script>
<script>
(function () {
const checkoutUrl = "https://checkout.dinaandagnes.com/checkout/creator-asset-pack?ee_id=U1R_5PPRglafvelydc9bi";
const showAfterScroll = 600;
const styles = document.createElement("style");
styles.innerHTML = `
#cap-floating-btn {
position: fixed !important;
right: 24px !important;
bottom: 24px !important;
z-index: 2147483647 !important;
height: 48px !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 999px !important;
background: #02E482 !important;
color: #ffffff !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 800 !important;
cursor: pointer !important;
box-shadow: 0 14px 34px rgba(0,0,0,.26) !important;
white-space: nowrap !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(12px) scale(1) !important;
pointer-events: none !important;
transition: opacity .28s ease, transform .28s ease, visibility .28s ease, box-shadow .28s ease !important;
}
#cap-floating-btn.cap-visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
pointer-events: auto !important;
}
#cap-floating-btn .cap-btn-inner {
display: flex !important;
align-items: center !important;
gap: 10px !important;
transform: scale(1);
}
#cap-floating-btn .cap-icon {
font-size: 18px !important;
line-height: 1 !important;
}
#cap-floating-btn.cap-pulse .cap-btn-inner {
animation: cap-real-pulse .65s ease-in-out !important;
}
#cap-floating-btn.cap-pulse {
box-shadow: 0 18px 46px rgba(2,228,130,.46) !important;
}
@keyframes cap-real-pulse {
0% { transform: scale(1); }
45% { transform: scale(1.07); }
100% { transform: scale(1); }
}
@media (hover: hover) and (pointer: fine) {
#cap-floating-btn.cap-visible:hover {
transform: translateY(0) scale(1.03) !important;
box-shadow: 0 16px 38px rgba(0,0,0,.30) !important;
}
}
#cap-popup-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 2147483646 !important;
display: none !important;
align-items: center !important;
justify-content: center !important;
background: rgba(9,12,25,.78) !important;
backdrop-filter: blur(3px) !important;
}
#cap-popup-overlay.active {
display: flex !important;
}
#cap-popup {
width: min(92vw, 620px) !important;
height: min(88vh, 860px) !important;
background: #ffffff !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 30px 90px rgba(0,0,0,.45) !important;
}
#cap-popup iframe {
width: 100% !important;
height: 100% !important;
border: 0 !important;
display: block !important;
}
#cap-close {
position: fixed !important;
top: 22px !important;
right: 30px !important;
z-index: 2147483647 !important;
border: 0 !important;
background: transparent !important;
color: #ffffff !important;
font-size: 42px !important;
cursor: pointer !important;
}
@media (max-width: 640px) {
#cap-floating-btn {
right: 18px !important;
bottom: 22px !important;
height: 46px !important;
padding: 0 22px !important;
font-size: 15px !important;
}
#cap-popup-overlay {
display: none !important;
}
}
`;
const button = document.createElement("button");
button.id = "cap-floating-btn";
button.type = "button";
button.innerHTML = `
<span class="cap-btn-inner">
<span class="cap-icon">✦</span>
<span>Creator Asset Pack</span>
</span>
`;
const overlay = document.createElement("div");
overlay.id = "cap-popup-overlay";
overlay.innerHTML = `
<button id="cap-close" type="button">×</button>
<div id="cap-popup">
<iframe src="${checkoutUrl}" title="Creator Asset Pack Checkout"></iframe>
</div>
`;
document.head.appendChild(styles);
document.body.appendChild(button);
document.body.appendChild(overlay);
function toggleFloatingButton() {
if (window.scrollY > showAfterScroll) {
button.classList.add("cap-visible");
} else {
button.classList.remove("cap-visible");
}
}
function pulseButton() {
if (!button.classList.contains("cap-visible")) return;
button.classList.add("cap-pulse");
setTimeout(function () {
button.classList.remove("cap-pulse");
}, 700);
}
window.addEventListener("scroll", toggleFloatingButton, { passive: true });
window.addEventListener("load", toggleFloatingButton);
toggleFloatingButton();
setInterval(pulseButton, 10000);
button.addEventListener("click", function () {
if (window.innerWidth <= 640) {
window.location.href = checkoutUrl;
return;
}
overlay.classList.add("active");
document.body.style.overflow = "hidden";
});
overlay.addEventListener("click", function (e) {
if (e.target.id === "cap-popup-overlay" || e.target.id === "cap-close") {
overlay.classList.remove("active");
document.body.style.overflow = "";
}
});
})();
</script>