{children}

); } // ───────────────────────────────────────────────────────────── // §4 Inside the course // Product reveal + three alternating image/text rows // ───────────────────────────────────────────────────────────── function FeatureRow({ n, title, body, hint, flip = false, imgAspect = '4 / 3' }) { return (

{String(n).padStart(2,'0')}

{title}

{body}

); } function Section4() { return (

{/* Decorative sheet fragments */}

Inside the course, everything is laid out to help you learn the piece in a calm, practical, step-by-step way.

Here's what that looks like...

{/* Product reveal — big, wide hero shot of the course interface */}

{/* Three alternating feature rows */}

{/* Closing bridge */}

But there is another layer to the course that makes it much more than a simple walkthrough.

); } // ───────────────────────────────────────────────────────────── // §5 Deeper inside the course — DARK band for contrast // ───────────────────────────────────────────────────────────── function DeepBullet({ children }) { return (

{children}

); } function DeepBlock({ number, title, children, hint, accent = true, dark = true }) { return (

Lesson · {String(number).padStart(2,'0')}

{title}

{children}

); } function Section5() { return (

{/* faint warm glow in the corners */} {/* Faint sheet fragment in margin, inverted for dark bg */}

Here's where we move beyond simply learning the notes, and start exploring the extra depth, expression, and possibility inside Prelude in C.

{/* Block 1 — From Notes to Music (wider, because it has bullets) */}

Lesson · 01

From Notes to Music – Elevating Your Performance of Bach's Prelude in C

This lesson goes right to the heart of what most people find hardest about this piece... not getting through the notes, but making it actually sound musical, expressive, and alive.

Inside it, I show you how to:

bring out the hidden melody in the piece so your playing sounds more shaped and refined right away

avoid that flat, monotonous sound by using my simple "mountain" and "cliff" ideas to shape the dynamics and flow

understand what phrasing actually means in practical terms, so the music starts to move more naturally from one idea to the next

spot the tension and release points in the piece, and use them to make the Prelude feel far more expressive and alive

let the music breathe and connect more naturally, so it feels less like a chain of chords and more like a real musical journey

play with more feeling and instinct, in a way that can be developed and trained rather than feeling vague or out of reach

{/* Blocks 2 & 3 side-by-side */}

It's completely normal to want to play this piece with the sustain pedal first as it gives you that smooth, natural and rewarding sound right from the start.

Thats why we use it. This may be enough for you and if so, thats completely fine.

However, if you did want to explore what this piece has to offer without using the pedal... I give you everything you need to explore the deeper layers of finger control, and get that legato and smooth sound without relying on the pedal.

It's truly rewarding and could give you a deeper understanding and connection to the piece.

A lot of us spend time learning a piece, then just moving on. Never quite knowing how to use those skills in other areas of your playing.

This lesson helps change that.

I show you how to take those skills, patterns and shapes you've spent all that time and energy developing inside Prelude in C... and use them in a free, creative way so you can create your own music and really internalise those skills so they become part of you.

{/* Closing handoff */}

Taken together, these extra lessons make this a far richer piece study, helping you learn Prelude in C properly, play it more musically, and get far more value from the work you put in.

); } // ───────────────────────────────────────────────────────────── // §6 Testimonials // ───────────────────────────────────────────────────────────── function TestimonialCard({ quote, name, role }) { return (

“

Placeholder testimonial. A warm, specific quote about how the course helped this student feel the piece differently — 2–3 sentences, conversational.

{name.split(' ').map(s=>s[0]).join('')}

{name}

{role}

); } function Section6() { return (

); } // ───────────────────────────────────────────────────────────── // §7 Stack & CTA // ───────────────────────────────────────────────────────────── function StackItem({ n, children }) { return (

{children}

); } function Section7() { return (

{/* Decorative sheet fragment in right margin */} {/* Bridging product shot — straddles §6 boundary */}

If This Approach To Learning This Beautiful Piece Sounds Good To You... Here's Everything Included In The Course.

13 focused core lessons guiding you through the piece bar by bar in small, manageable sections Play-along software so you can slow things down, repeat sections, and practise at a pace that works for you 4 full performances to learn from, including metronome versions and freer, more musical versions A dedicated From Notes to Music lesson to help you shape the piece with more flow, expression, and polish A practical lesson on playing the piece without the sustain pedal, so you can build more legato, control, and refinement A Beyond Prelude in C lesson to help you carry the musical ideas from the piece into freer, more creative playing of your own

{/* Price line */}

All For A Single Payment Of

$67

Start Learning Prelude In C Today

One-Time Payment · Lifetime Access · 30-Day Guarantee

); } // ───────────────────────────────────────────────────────────── // §8 Guarantee // ───────────────────────────────────────────────────────────── function GuaranteeSeal({ size = 260 }) { // scalloped outer ring — 36 bumps around a circle, like the reference stamp const bumps = 36; const scalloped = []; const rOuter = 95; const rInner = 88; for (let i = 0; i < bumps * 2; i++) { const angle = (i / (bumps * 2)) * Math.PI * 2; const r = i % 2 === 0 ? rOuter : rInner; scalloped.push([100 + Math.cos(angle) * r, 100 + Math.sin(angle) * r]); } const scallopPath = 'M ' + scalloped.map(([x, y]) => `${x.toFixed(2)} ${y.toFixed(2)}`).join(' L ') + ' Z'; // ring of 24 stars between the two inner circles const stars = []; const starCount = 24; for (let i = 0; i < starCount; i++) { const a = (i / starCount) * Math.PI * 2 - Math.PI / 2; const x = 100 + Math.cos(a) * 70; const y = 100 + Math.sin(a) * 70; stars.push({ x, y }); } // curved path for top text (MONEY BACK) — baseline at r=66, ascenders extend outward to ~r=73 // Top arc: runs left→right along the TOP of the band, sweep=1 (clockwise), text reads upright const topTextPath = 'M 34 100 A 66 66 0 0 1 166 100'; // Bottom arc: runs left→right along the BOTTOM of the band, sweep=0 (counter-clockwise) // baseline at r=74, ascenders extend inward to ~r=67 — letters upright toward center const bottomTextPath = 'M 26 100 A 74 74 0 0 0 174 100'; const inkDark = '#7a2f1d'; // deep terracotta for text const ringFill = S.accent; // main terracotta const ringFillDeep = '#a4422d'; return ( ); } function Section8() { return (

Still not sure?

Let me take the risk off your shoulders...

Here's Your 30-Day, No-Questions-Asked Money-Back Guarantee

I'm very confident you'll love learning Prelude in C this way, and what it does for your playing more broadly, so I'm backing the piece study with a full 30-day money-back guarantee.

This course gives you everything you need to learn this beautiful piece in a way that feels clear, musical, and genuinely rewarding... that is, if you actually use it and put the time in. I can't practise the piece for you. But I have given you a clear path, the lessons, the play-along tools, and the extra depth to help you get a really satisfying result.

As soon as you complete checkout, you'll get an email with immediate access to the full piece study and all the lessons. From there, you can get started right away and work through it at your own pace.

And if for any reason you decide it's not for you, just email me and my team within 30 days of purchase and we'll send you a full refund.

); } // ───────────────────────────────────────────────────────────── // §9 FAQ // ───────────────────────────────────────────────────────────── function FaqItem({ q, a, open, onToggle }) { const contentRef = React.useRef(null); const [maxH, setMaxH] = React.useState(0); React.useLayoutEffect(() => { if (contentRef.current) { setMaxH(contentRef.current.scrollHeight); } }, [a, open]); return (

{a}

); } function Section9() { const [openIdx, setOpenIdx] = React.useState(0); const toggle = (i) => setOpenIdx(openIdx === i ? null : i); return (

{/* Decorative sheet fragment in left margin */}

A Few Common Questions

toggle(0)} q="Is this too advanced for me?" a="Not at all. The whole course is built to make the piece feel clear, manageable, and realistic to learn, even if it feels a bit daunting from the outside. We go through it in small sections, step by step, so you always know what to focus on next." /> toggle(1)} q="What if I already know some of the piece?" a="That's absolutely fine. A lot of people coming to this kind of course already sort of play Prelude in C, but are not happy with how it sounds yet. This piece study will still help you polish it, shape it more musically, and understand the piece much more deeply." /> toggle(2)} q="Why do we learn the piece with the sustain pedal?" a={<>

For most of us, learning the piece with the sustain pedal gives the most immediate, natural, and satisfying way into the music. It gives us control over smoothness and musicality without needing years of training to develop the very fine finger control necessary to get a sound we would be proud of.

However, once you have the piece under your fingers, we explore how to play it without the sustain pedal so you always have the option to explore the specific finger techniques and develop that deeper level of control.

} /> toggle(3)} q="How is the course delivered?" a="As soon as you join, you'll get immediate access by email. Inside, everything is laid out clearly, so you can work through the lessons, use the play-along software, and return to the performances and extra lessons whenever you like." /> toggle(4)} q="What if I'm short on time?" a="That is exactly why the course is structured the way it is. You do not have to wrestle with the whole piece at once. The lessons are broken down into manageable sections, so even if your practice time is limited, you can keep making progress without feeling overwhelmed." /> toggle(5)} q="What if I'm not naturally musical?" a="That is one of the big myths this course pushes against. Musicality is not being treated here like some mysterious gift you either have or do not have. A big part of the piece study is showing you practical ways to shape the sound, phrase the music, and make the piece breathe more naturally." />

); } // ───────────────────────────────────────────────────────────── // §10 Final CTA — dark bookend mirroring §5 // ───────────────────────────────────────────────────────────── function Section10() { return (

{/* Faint sheet fragment, inverted for dark bg */}

{/* small treble clef mark — uses the user asset as a CSS mask so it can be tinted warm */}

If this feels like the right way for you to learn Prelude in C, you can get started today.

Join The Full Bach's Prelude in C Piece Study

For A Single Payment Of $67

Start Prelude In C Today

One-Time Payment · Lifetime Access · 30-Day Guarantee

); } // Export to global so the main file can compose them Object.assign(window, { SP_Section4: Section4, SP_Section5: Section5, SP_Section6: Section6, SP_Section7: Section7, SP_Section8: Section8, SP_Section9: Section9, SP_Section10: Section10, SP_BigCta: BigCta, });