https://breaklimitsworldwide.com/attitude-to-gratitude/<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Break Limits Worldwide</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Break Limits Worldwide – a movement, a community, and a mindset. Step into who you were born to be."
/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<style>
:root {
--bg: #050608;
--bg-alt: #0b0d12;
--accent: #f5b301;
--accent-soft: rgba(245, 179, 1, 0.12);
--text: #f5f5f7;
--muted: #9ca3af;
--border: #1f2933;
--card-bg: #0c1016;
--radius-lg: 1.5rem;
--radius-md: 1rem;
--shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.55);
--max-width: 1100px;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", sans-serif;
background: radial-gradient(circle at top, #111827 0, #020617 45%, #000 100%);
color: var(--text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
display: block;
}
.page {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
padding: 0 1.5rem;
}
/* Nav */
header {
position: sticky;
top: 0;
z-index: 50;
backdrop-filter: blur(18px);
background: linear-gradient(
to bottom,
rgba(3, 7, 18, 0.95),
rgba(3, 7, 18, 0.75),
transparent
);
border-bottom: 1px solid rgba(148, 163, 184, 0.06);
}
.nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
.nav-left {
display: flex;
align-items: center;
gap: 0.75rem;
}
.logo-circle {
width: 40px;
height: 40px;
border-radius: 999px;
background: radial-gradient(circle at 20% 0, #fbbf24, #f97316, #111827);
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1rem;
box-shadow: 0 0 25px rgba(251, 191, 36, 0.45);
}
.brand-text {
display: flex;
flex-direction: column;
}
.brand-title {
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.brand-sub {
font-size: 0.8rem;
color: var(--muted);
}
.nav-links {
display: flex;
align-items: center;
gap: 1.5rem;
font-size: 0.9rem;
}
.nav-links a {
position: relative;
color: var(--muted);
font-weight: 400;
}
.nav-links a:hover,
.nav-links a.active {
color: var(--text);
}
.nav-links a::after {
content: "";
position: absolute;
left: 0;
bottom: -0.35rem;
width: 0;
height: 2px;
border-radius: 999px;
background: linear-gradient(to right, #facc15, #f97316);
transition: width 0.18s ease-out;
}
.nav-links a:hover::after,
.nav-links a.active::after {
width: 100%;
}
.nav-cta {
padding: 0.5rem 1.1rem;
border-radius: 999px;
border: 1px solid rgba(250, 204, 21, 0.4);
background: radial-gradient(circle at top left, #facc15, #f97316);
color: #020617;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
cursor: pointer;
box-shadow: 0 12px 30px rgba(250, 204, 21, 0.35);
}
.nav-cta:hover {
transform: translateY(-1px);
box-shadow: 0 16px 40px rgba(250, 204, 21, 0.5);
}
/* Hero */
.hero {
padding: 3.5rem 0 3rem;
}
.hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
gap: 2.5rem;
align-items: center;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.25rem 0.7rem;
border-radius: 999px;
background: rgba(15, 23, 42, 0.9);
border: 1px solid rgba(148, 163, 184, 0.4);
font-size: 0.75rem;
color: var(--muted);
margin-bottom: 1.1rem;
}
.eyebrow-dot {
width: 7px;
height: 7px;
border-radius: 999px;
background: radial-gradient(circle, #facc15, #f97316);
}
.hero-title {
font-size: clamp(2.3rem, 4vw, 3rem);
line-height: 1.1;
font-weight: 700;
margin-bottom: 1rem;
}
.hero-title span.highlight {
background: linear-gradient(to right, #facc15, #f97316);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.hero-subtitle {
font-size: 1rem;
color: var(--muted);
max-width: 33rem;
margin-bottom: 1.8rem;
}
.hero-subtitle strong {
color: #e5e7eb;
font-weight: 500;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1.3rem;
}
.btn-primary,
.btn-outline {
border-radius: 999px;
padding: 0.9rem 1.4rem;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
display: inline-flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
}
.btn-primary {
background: linear-gradient(120deg, #facc15, #f97316, #facc15);
background-size: 200% 200%;
color: #020617;
box-shadow: 0 16px 40px rgba(250, 204, 21, 0.45);
animation: shimmer 5s ease-in-out infinite;
}
@keyframes shimmer {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 20px 50px rgba(250, 204, 21, 0.6);
}
.btn-outline {
border-color: rgba(148, 163, 184, 0.6);
background: rgba(15, 23, 42, 0.8);
color: var(--text);
}
.btn-outline:hover {
background: rgba(15, 23, 42, 1);
border-color: #e5e7eb;
}
.hero-note {
font-size: 0.8rem;
color: var(--muted);
}
.hero-note span {
color: #fde68a;
font-weight: 500;
}
.hero-card {
background: radial-gradient(circle at top left, #111827, #020617);
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.25);
padding: 1.8rem 1.6rem;
box-shadow: var(--shadow-soft);
position: relative;
overflow: hidden;
isolation: isolate;
}
.hero-card::before {
content: "";
position: absolute;
inset: -40%;
background: radial-gradient(circle at 0 0, rgba(250, 204, 21, 0.15), transparent);
opacity: 0.8;
}
.hero-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.2rem;
position: relative;
z-index: 1;
}
.hero-card-title {
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #e5e7eb;
}
.hero-card-pill {
padding: 0.4rem 0.8rem;
border-radius: 999px;
background: rgba(15, 118, 110, 0.15);
border: 1px solid rgba(45, 212, 191, 0.4);
font-size: 0.7rem;
color: #a5f3fc;
}
.hero-card-main {
position: relative;
z-index: 1;
}
.hero-quote {
font-size: 0.9rem;
color: #e5e7eb;
margin-bottom: 1rem;
}
.hero-quote span {
color: #facc15;
font-weight: 600;
}
.hero-card-footer {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.75rem;
color: var(--muted);
margin-top: 1.4rem;
}
.hero-stats {
display: flex;
gap: 1.2rem;
font-size: 0.75rem;
}
.hero-stats span strong {
display: block;
color: #facc15;
font-size: 0.9rem;
}
/* Sections */
section {
padding: 3rem 0;
}
.section-header {
margin-bottom: 1.8rem;
text-align: left;
}
.section-kicker {
font-size: 0.8rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 0.4rem;
}
.section-title {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.4rem;
}
.section-description {
font-size: 0.95rem;
color: var(--muted);
max-width: 34rem;
}
/* Book section */
.book-section {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.9fr);
gap: 2rem;
align-items: center;
}
.book-card {
background: var(--card-bg);
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.25);
padding: 1.6rem 1.5rem;
box-shadow: var(--shadow-soft);
}
.book-tag {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #fbbf24;
margin-bottom: 0.4rem;
}
.book-headline {
font-size: 1.15rem;
font-weight: 600;
margin-bottom: 0.6rem;
}
.book-text {
font-size: 0.95rem;
color: var(--muted);
margin-bottom: 1.1rem;
}
.book-list {
list-style: none;
margin-bottom: 1.2rem;
}
.book-list li {
display: flex;
gap: 0.5rem;
align-items: flex-start;
font-size: 0.9rem;
color: #e5e7eb;
margin-bottom: 0.45rem;
}
.book-list li span.bullet {
width: 18px;
height: 18px;
border-radius: 999px;
border: 1px solid rgba(250, 204, 21, 0.6);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.65rem;
margin-top: 0.1rem;
}
.book-meta {
font-size: 0.78rem;
color: var(--muted);
margin-top: 0.5rem;
}
.book-cover {
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.3);
min-height: 260px;
display: flex;
align-items: center;
justify-content: center;
padding: 1.2rem;
background: radial-gradient(circle at top, rgba(250, 204, 21, 0.16), #020617);
position: relative;
overflow: hidden;
}
.book-cover-inner {
border-radius: 1rem;
border: 1px solid rgba(55, 65, 81, 0.8);
background: linear-gradient(160deg, #020617, #0f172a, #111827);
padding: 1.3rem;
width: 80%;
max-width: 260px;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.7);
}
.book-cover-top {
font-size: 0.7rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #9ca3af;
margin-bottom: 0.4rem;
}
.book-cover-title {
font-size: 1.15rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #f9fafb;
margin-bottom: 0.4rem;
}
.book-cover-sub {
font-size: 0.75rem;
color: #e5e7eb;
margin-bottom: 1.6rem;
}
.book-cover-author {
font-size: 0.75rem;
color: #9ca3af;
}
.book-cover-line {
width: 65%;
height: 1px;
background: linear-gradient(to right, #facc15, transparent);
margin: 0.7rem 0;
}
/* Community section */
.community-grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 2rem;
align-items: center;
}
.community-card {
background: var(--card-bg);
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.25);
padding: 1.6rem 1.5rem;
box-shadow: var(--shadow-soft);
}
.pill-row {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.pill {
font-size: 0.8rem;
border-radius: 999px;
padding: 0.3rem 0.75rem;
border: 1px solid rgba(148, 163, 184, 0.35);
background: rgba(15, 23, 42, 0.9);
color: #e5e7eb;
}
.community-note {
font-size: 0.8rem;
color: var(--muted);
}
.community-card-right {
background: radial-gradient(circle at top, rgba(34, 197, 94, 0.15), #020617);
border-radius: var(--radius-lg);
border: 1px solid rgba(52, 211, 153, 0.45);
padding: 1.5rem 1.4rem;
}
.community-meter {
height: 8px;
border-radius: 999px;
background: rgba(15, 23, 42, 0.9);
margin-top: 1.1rem;
overflow: hidden;
}
.community-meter-fill {
width: 78%;
height: 100%;
background: linear-gradient(90deg, #22c55e, #a3e635, #facc15);
}
.community-meter-label {
display: flex;
justify-content: space-between;
margin-top: 0.45rem;
font-size: 0.75rem;
color: var(--muted);
}
/* Courses section (overview) */
.courses-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2rem;
align-items: stretch;
}
.course-card {
background: var(--card-bg);
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.25);
padding: 1.6rem 1.5rem;
box-shadow: var(--shadow-soft);
position: relative;
overflow: hidden;
}
.course-card:nth-child(1) {
background: radial-gradient(circle at top, rgba(250, 204, 21, 0.12), #020617);
}
.course-card:nth-child(2) {
background: radial-gradient(circle at top, rgba(56, 189, 248, 0.12), #020617);
}
.course-tag {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #fbbf24;
margin-bottom: 0.4rem;
}
.course-title {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.course-subtitle {
font-size: 0.9rem;
color: #e5e7eb;
margin-bottom: 0.8rem;
}
.course-text {
font-size: 0.9rem;
color: var(--muted);
margin-bottom: 1rem;
}
.course-meta {
font-size: 0.78rem;
color: var(--muted);
margin-top: 0.6rem;
}
.course-pills {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1.1rem;
}
.course-pill {
font-size: 0.8rem;
border-radius: 999px;
padding: 0.3rem 0.75rem;
border: 1px solid rgba(148, 163, 184, 0.4);
background: rgba(15, 23, 42, 0.9);
color: #e5e7eb;
}
.course-label {
font-size: 0.8rem;
color: #fbbf24;
margin-top: 0.6rem;
}
/* Course detail sections */
.course-detail {
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.25);
background: radial-gradient(circle at top, rgba(250, 204, 21, 0.08), #020617);
padding: 2rem 1.7rem;
box-shadow: var(--shadow-soft);
margin-top: 1rem;
}
.course-detail.ready {
background: radial-gradient(circle at top, rgba(56, 189, 248, 0.1), #020617);
}
.course-detail-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.4rem;
}
.badge-row {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.6rem;
}
.badge {
font-size: 0.75rem;
border-radius: 999px;
padding: 0.3rem 0.7rem;
border: 1px solid rgba(148, 163, 184, 0.4);
background: rgba(15, 23, 42, 0.9);
color: #e5e7eb;
}
.course-detail-grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 1.8rem;
}
.course-detail h3 {
font-size: 1.1rem;
margin-bottom: 0.5rem;
}
.module-list {
list-style: none;
margin-top: 0.6rem;
}
.module-list li {
display: flex;
gap: 0.55rem;
margin-bottom: 0.5rem;
font-size: 0.9rem;
color: #e5e7eb;
}
.module-list li span.step {
width: 22px;
height: 22px;
border-radius: 999px;
border: 1px solid rgba(250, 204, 21, 0.7);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.7rem;
margin-top: 0.1rem;
}
.bonus-box {
border-radius: var(--radius-md);
border: 1px dashed rgba(250, 204, 21, 0.7);
background: rgba(15, 23, 42, 0.9);
padding: 1rem 1rem;
font-size: 0.88rem;
}
.bonus-title {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: #facc15;
margin-bottom: 0.4rem;
}
.bonus-list {
list-style: none;
}
.bonus-list li {
margin-bottom: 0.35rem;
font-size: 0.86rem;
color: #e5e7eb;
}
.course-detail-footer {
margin-top: 1.4rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.7rem;
font-size: 0.8rem;
color: var(--muted);
}
.course-detail-footer span.highlight {
color: #facc15;
font-weight: 500;
}
/* Music section */
.music-card {
background: var(--card-bg);
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.25);
padding: 1.6rem 1.5rem;
box-shadow: var(--shadow-soft);
}
.music-row {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 2rem;
align-items: center;
}
.music-platforms {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.music-pill {
font-size: 0.78rem;
border-radius: 999px;
padding: 0.35rem 0.8rem;
border: 1px solid rgba(148, 163, 184, 0.35);
background: rgba(15, 23, 42, 0.9);
color: #e5e7eb;
}
.music-note {
font-size: 0.8rem;
color: var(--muted);
}
.music-highlight {
font-size: 0.8rem;
color: #fbbf24;
margin-top: 0.7rem;
}
.music-art {
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.3);
min-height: 220px;
background: radial-gradient(circle at top, rgba(14, 165, 233, 0.18), #020617);
display: flex;
align-items: center;
justify-content: center;
padding: 1.3rem;
}
.music-art-inner {
width: 80%;
max-width: 260px;
aspect-ratio: 1/1;
border-radius: 1.2rem;
border: 1px solid rgba(55, 65, 81, 0.85);
background: radial-gradient(circle at top, #0ea5e9, #1f2937, #020617);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
text-align: center;
}
/* Socials */
.socials {
border-radius: var(--radius-lg);
border: 1px solid rgba(148, 163, 184, 0.25);
background: radial-gradient(circle at top, rgba(250, 204, 21, 0.13), #020617);
padding: 1.8rem 1.6rem;
box-shadow: var(--shadow-soft);
}
.social-row {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-top: 1.1rem;
}
.social-pill {
border-radius: 999px;
padding: 0.55rem 1.1rem;
font-size: 0.85rem;
border: 1px solid rgba(148, 163, 184, 0.5);
background: rgba(15, 23, 42, 0.9);
display: inline-flex;
align-items: center;
gap: 0.45rem;
}
.social-pill span.dot {
width: 7px;
height: 7px;
border-radius: 999px;
background: #facc15;
}
.social-note {
font-size: 0.8rem;
color: var(--muted);
margin-top: 0.9rem;
}
/* Footer */
footer {
border-top: 1px solid rgba(148, 163, 184, 0.15);
margin-top: 2.5rem;
padding: 1.7rem 0 2.2rem;
font-size: 0.8rem;
color: var(--muted);
}
.footer-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.8rem;
align-items: center;
}
.footer-links {
display: flex;
gap: 1.3rem;
}
.footer-links a {
color: var(--muted);
}
.footer-links a:hover {
color: #e5e7eb;
}
/* Responsive */
@media (max-width: 900px) {
.hero-grid,
.book-section,
.community-grid,
.music-row,
.courses-grid,
.course-detail-grid {
grid-template-columns: minmax(0, 1fr);
}
.hero {
padding-top: 2.5rem;
}
.hero-card {
order: -1;
}
.nav-links {
display: none;
}
}
</style>
</head>
<body>
<div class="page">
<!-- NAV -->
<header>
<div class="container">
<nav class="nav">
<div class="nav-left">
<div class="logo-circle">BL</div>
<div class="brand-text">
<span class="brand-title">Break Limits Worldwide</span>
<span class="brand-sub">Born to Be Me. Built to Break Limits.</span>
</div>
</div>
<div class="nav-links">
<a href="#intro" class="active">Intro</a>
<a href="#book">Book</a>
<a href="#community">Community</a>
<a href="#courses">Courses</a>
<a href="#music">Music</a>
<a href="#connect">Connect</a>
</div>
<a href="#book" class="nav-cta">Get the Book</a>
</nav>
</div>
</header>
<main>
<!-- HERO / INTRO -->
<section id="intro" class="hero">
<div class="container">
<div class="hero-grid">
<div>
<div class="eyebrow">
<span class="eyebrow-dot"></span>
Break Limits Worldwide · Born to Be Me
</div>
<h1 class="hero-title">
You Were <span class="highlight">Born to Be You</span> —<br />
Not the Version the World Settled For.
</h1>
<p class="hero-subtitle">
Break Limits Worldwide is a movement, a community, and a
blueprint for people who know they’re called to more.
<strong>We help you shift from survival to purpose, from pressure to power.</strong>
</p>
<div class="hero-actions">
<a href="#book" class="btn-primary">Buy the Book</a>
<a href="#courses" class="btn-outline">Start a Course</a>
</div>
<p class="hero-note">
<span>Inside:</span> mindset, faith, identity, discipline,
and a real plan to become the person you know you were born to be.
</p>
</div>
<aside class="hero-card">
<div class="hero-card-header">
<div>
<p class="hero-card-title">The Break Limits Path</p>
</div>
<div class="hero-card-pill">Faith · Mindset · Action</div>
</div>
<div class="hero-card-main">
<p class="hero-quote">
“The deeper the roots, the taller the tree grows.”
<br />
<span>— The TRRII Process</span>
</p>
<p style="font-size:0.85rem;color:#d1d5db;">
This isn’t just motivation. It’s a lifestyle shift:
from doubt to decision, from procrastination to disciplined action,
from trying to fit in to walking in your God-given call.
</p>
<div class="hero-card-footer">
<div class="hero-stats">
<span><strong>1</strong> clear decision</span>
<span><strong>4</strong> core fundamentals</span>
<span><strong>365</strong> days of growth</span>
</div>
</div>
</div>
</aside>
</div>
</div>
</section>
<!-- BOOK SECTION -->
<section id="book">
<div class="container">
<div class="section-header">
<p class="section-kicker">The Book</p>
<h2 class="section-title">Born to Be Me – The Blueprint</h2>
<p class="section-description">
Start with the book that sparked the movement. “Born to Be Me”
is your honest, unfiltered guide to looking in the mirror, making
a real decision, and rewriting the story you’re living.
</p>
</div>
<div class="book-section">
<div class="book-card">
<p class="book-tag">Book · Self-Discovery · Faith</p>
<h3 class="book-headline">A conversation with the version of you who refused to settle.</h3>
<p class="book-text">
This book walks you through the real internal battle:
identity vs circumstances, fear vs calling, procrastination vs discipline.
It’s not about perfection; it’s about direction.
</p>
<ul class="book-list">
<li>
<span class="bullet">1</span>
<span>Get honest about where you are and why you’re really stuck.</span>
</li>
<li>
<span class="bullet">2</span>
<span>Rebuild your identity from the inside out, rooted in who God says you are.</span>
</li>
<li>
<span class="bullet">3</span>
<span>Create a lifestyle of discipline, consistency, and aligned decisions.</span>
</li>
</ul>
<div class="hero-actions" style="margin-bottom:0.6rem;">
<a
href="YOUR_BORN_TO_BE_ME_BOOK_LINK_HERE"
class="btn-primary"
target="_blank"
rel="noopener noreferrer"
>
Buy “Born to Be Me”
</a>
<a href="#community" class="btn-outline">Read & Grow with the Group</a>
</div>
<p class="book-meta">
Replace <strong>YOUR_BORN_TO_BE_ME_BOOK_LINK_HERE</strong> with your
real purchase link (Amazon, website, etc.).
</p>
</div>
<div class="book-cover">
<div class="book-cover-inner">
<p class="book-cover-top">Break Limits Worldwide</p>
<p class="book-cover-title">Born to Be Me</p>
<p class="book-cover-sub">
From “I’m stuck” to “I’m done staying the same.”
</p>
<div class="book-cover-line"></div>
<p class="book-cover-author">
By Terry Ray Rankins II (TRRII)<br />
A raw, faith-filled guide to becoming the person you were always
designed to be.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- COMMUNITY / SKOOL -->
<section id="community">
<div class="container">
<div class="section-header">
<p class="section-kicker">Community</p>
<h2 class="section-title">Break Limits Worldwide Group</h2>
<p class="section-description">
You’re not meant to do this alone. Join a community of motivated,
faith-driven people who are ready to grow, be held accountable,
and walk out their calling for real.
</p>
</div>
<div class="community-grid">
<div class="community-card">
<h3 style="font-size:1.05rem;margin-bottom:0.6rem;">
Real conversations. Real accountability. Real change.
</h3>
<p style="font-size:0.95rem;color:var(--muted);">
Inside the Break Limits Worldwide Skool group, you’ll get access
to live calls, trainings, challenges, and a family of people who
are on the same journey from “I’m stuck” to “I’m done.”
</p>
<div class="pill-row">
<span class="pill">Weekly coaching & community</span>
<span class="pill">Mindset & faith-based trainings</span>
<span class="pill">Accountability check-ins</span>
<span class="pill">Courses & replays</span>
</div>
<div class="hero-actions" style="margin-bottom:0.6rem;">
<a
href="YOUR_SKOOL_GROUP_LINK_HERE"
class="btn-primary"
target="_blank"
rel="noopener noreferrer"
>
Enter the Skool Community
</a>
</div>
<p class="community-note">
Replace <strong>YOUR_SKOOL_GROUP_LINK_HERE</strong> with your Skool
link so people can join the Break Limits Worldwide group directly.
</p>
</div>
<div class="community-card-right">
<p style="font-size:0.9rem;font-weight:500;">
Ready for change: the journey begins when you draw a line in the sand.
</p>
<p style="font-size:0.85rem;color:#e5e7eb;margin-top:0.6rem;">
We focus on four fundamentals: self-discipline vs procrastination,
habits & lifestyle, consistency, and the power of association.
</p>
<div class="community-meter">
<div class="community-meter-fill"></div>
</div>
<div class="community-meter-label">
<span>Isolation</span>
<span>Aligned Community</span>
</div>
<p style="font-size:0.8rem;color:var(--muted);margin-top:0.9rem;">
When you change who you’re around, you change what you expect from
yourself. This group is built for people who are serious about growth,
not just hype.
</p>
</div>
</div>
</div>
</section>
<!-- COURSES (OVERVIEW) -->
<section id="courses">
<div class="container">
<div class="section-header">
<p class="section-kicker">Courses</p>
<h2 class="section-title">Deep-Dive Programs to Shift Your Life</h2>
<p class="section-description">
When you’re done just “feeling motivated” and ready to change how you think,
feel, and move every day, these courses give you structure, coaching, and
practical tools to walk it out.
</p>
</div>
<div class="courses-grid">
<!-- Attitude to Gratitude -->
<div class="course-card">
<p class="course-tag">Attitude to Gratitude</p>
<h3 class="course-title">Shift from Pressure & Survival into Peace & Abundance</h3>
<p class="course-subtitle">
A guided journey to rewire your mindset through gratitude, faith,
and daily practice.
</p>
<p class="course-text">
This program is for the person who’s tired of waking up heavy, overthinking,
and feeling behind. “Attitude to Gratitude” walks you step-by-step from
frustration and fear into clarity, trust, and momentum. Gratitude becomes
the energetic switch that turns struggle into strength.
</p>
<div class="course-pills">
<span class="course-pill">Guided video lessons</span>
<span class="course-pill">Gratitude journal & prompts</span>
<span class="course-pill">Guided meditation</span>
<span class="course-pill">Daily practice plan</span>
</div>
<div class="hero-actions" style="margin-bottom:0.4rem;">
<a href="#attitude-to-gratitude" class="btn-primary">
View Full Course Page
</a>
<a href="#community" class="btn-outline">Grow with the Community</a>
</div>
<p class="course-label">
Best for: people in survival mode, carrying a lot of pressure, needing a
reset in their mindset and emotions.
</p>
</div>
<!-- Ready for Change: The Journey Begins -->
<div class="course-card">
<p class="course-tag">Ready for Change: The Journey Begins</p>
<h3 class="course-title">From “I’m Stuck” to “I’m Done Staying the Same”</h3>
<p class="course-subtitle">
A foundational course for people ready to draw a line in the sand
and step into who God called them to be.
</p>
<p class="course-text">
“Ready for Change” helps you make a real decision, not just a hype moment.
You’ll confront your patterns, upgrade your identity, and design a clear,
realistic plan to move forward. This is the starting point if you know
there’s more in you, but you’ve been circling the same mountain.
</p>
<div class="course-pills">
<span class="course-pill">Identity vs circumstances</span>
<span class="course-pill">Line in the sand decision</span>
<span class="course-pill">Action plan & accountability</span>
<span class="course-pill">Faith-based foundation</span>
</div>
<div class="hero-actions" style="margin-bottom:0.4rem;">
<a href="#ready-for-change" class="btn-primary">
View Full Course Page
</a>
<a href="#book" class="btn-outline">Pair with “Born to Be Me”</a>
</div>
<p class="course-label">
Best for: people who feel stuck, inconsistent, or confused about their next step,
but know they can’t stay where they are.
</p>
</div>
</div>
</div>
</section>
<!-- ATTITUDE TO GRATITUDE – SALES SECTION -->
<section id="attitude-to-gratitude">
<div class="container">
<div class="course-detail">
<div class="course-detail-header">
<div>
<p class="section-kicker">Course · Attitude to Gratitude</p>
<h2 class="section-title">Attitude to Gratitude – The Shift Starts Here</h2>
<p class="section-description">
A structured journey designed to shift you from frustration, pressure,
or survival mode into clarity, faith, and abundance. Gratitude becomes
your daily reset button.
</p>
</div>
<div>
<div class="badge-row">
<span class="badge">Beginner-Friendly</span>
<span class="badge">Faith-Based</span>
<span class="badge">Self-Paced</span>
</div>
</div>
</div>
<div class="course-detail-grid">
<div>
<h3>Here’s What You’ll Walk Through</h3>
<ul class="module-list">
<li>
<span class="step">1</span>
<span>
<strong>From Pressure to Presence</strong><br />
Identify where stress, fear, and survival thinking are driving your decisions,
and learn how to slow down internally without quitting externally.
</span>
</li>
<li>
<span class="step">2</span>
<span>
<strong>The Power of True Gratitude</strong><br />
Move beyond “fake positive” into real gratitude that acknowledges your reality
but chooses a different focus and story.
</span>
</li>
<li>
<span class="step">3</span>
<span>
<strong>Rewiring Your Daily Thoughts</strong><br />
Install morning and evening rhythms that help you think, speak, and move from
a grateful, grounded place.
</span>
</li>
<li>
<span class="step">4</span>
<span>
<strong>Gratitude in Motion</strong><br />
Turn gratitude into action—how you show up at work, with family, and in your
calling—so this isn’t just a feeling, it’s a lifestyle.
</span>
</li>
</ul>
<div class="hero-actions" style="margin-top:0.9rem;">
<a
href="https://breaklimitsworldwide.com/attitude-to-gratitude/"
class="btn-primary"
target="_blank"
rel="noopener noreferrer"
>
Enroll in Attitude to Gratitude
</a>
<a href="#community" class="btn-outline">
Join the Community for Support
</a>
</div>
</div>
<div>
<div class="bonus-box">
<p class="bonus-title">Included Inside</p>
<ul class="bonus-list">
<li>• Guided Gratitude Meditation audio to reset your energy fast.</li>
<li>• Printable Gratitude Journal PDF with daily prompts.</li>
<li>• “Shift Your Energy in 60 Seconds” mini-guide.</li>
<li>• Screensaver affirmations to keep the mindset in front of you.</li>
</ul>
</div>
<div class="course-detail-footer">
<span>
Perfect if you’ve been feeling <span class="highlight">heavy, stuck, or overwhelmed</span>
and need a gentle but powerful reset.
</span>
<span>
Plug this into your day for the next 30 days and see how you think, speak,
and respond differently.
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- READY FOR CHANGE – SALES SECTION -->
<section id="ready-for-change">
<div class="container">
<div class="course-detail ready">
<div class="course-detail-header">
<div>
<p class="section-kicker">Course · Ready for Change</p>
<h2 class="section-title">Ready for Change: The Journey Begins</h2>
<p class="section-description">
This is your line-in-the-sand moment. A foundation course to help you stop
circling the same mountain and start walking intentionally toward who you
were born to be.
</p>
</div>
<div>
<div class="badge-row">
<span class="badge">Clarity & Identity</span>
<span class="badge">Decision-Making</span>
<span class="badge">Action Plan</span>
</div>
</div>
</div>
<div class="course-detail-grid">
<div>
<h3>What You’ll Work Through</h3>
<ul class="module-list">
<li>
<span class="step">1</span>
<span>
<strong>What a Real Decision Feels Like</strong><br />
Learn the difference between being “motivated” and making a decision
that actually changes your behavior and standards.
</span>
</li>
<li>
<span class="step">2</span>
<span>
<strong>Why Most People Stay Stuck</strong><br />
Expose the patterns, beliefs, and environments that quietly keep you
where you are—even when you say you want more.
</span>
</li>
<li>
<span class="step">3</span>
<span>
<strong>Identity vs Circumstances</strong><br />
Rebuild how you see yourself based on who God says you are—not your
past, your bank account, or your current situation.
</span>
</li>
<li>
<span class="step">4</span>
<span>
<strong>The Power of Saying “I’m Done”</strong><br />
Draw a clear line in the sand and design a simple, practical plan for
the next 90 days so your decision turns into movement.
</span>
</li>
</ul>
<div class="hero-actions" style="margin-top:0.9rem;">
<a
href="YOUR_READY_FOR_CHANGE_LINK_HERE"
class="btn-primary"
target="_blank"
rel="noopener noreferrer"
>
Start Ready for Change
</a>
<a href="#book" class="btn-outline">
Pair with “Born to Be Me”
</a>
</div>
</div>
<div>
<div class="bonus-box">
<p class="bonus-title">You’ll Walk Away With</p>
<ul class="bonus-list">
<li>• A written “line in the sand” statement you can come back to.</li>
<li>• A 90-day focused action plan (habits, goals, priorities).</li>
<li>• A simple check-in system so you can track your own consistency.</li>
<li>• Clarity on who you’re becoming and what no longer fits.</li>
</ul>
</div>
<div class="course-detail-footer">
<span>
Ideal for anyone who knows they’re <span class="highlight">called to more</span>
but keeps bouncing between starts and stops.
</span>
<span>
Start here if you’re ready to stop negotiating with your old self and
start walking like the person you were born to be.
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- MUSIC -->
<section id="music">
<div class="container">
<div class="section-header">
<p class="section-kicker">Music</p>
<h2 class="section-title">The Soundtrack to Breaking Limits</h2>
<p class="section-description">
The music carries the same message: speak life, break limits, walk
in your calling. Tap in to TRRII’s catalog and let the songs fuel
your workouts, your late-night grind, and your journey.
</p>
</div>
<div class="music-row">
<div class="music-card">
<h3 style="font-size:1.05rem;margin-bottom:0.5rem;">
Stream TRRII’s Music
</h3>
<p style="font-size:0.95rem;color:var(--muted);">
Whether you’re in the gym, driving, or journaling, this is music
that speaks to your spirit and your hustle.
</p>
<div class="music-platforms">
<a
href="YOUR_SPOTIFY_LINK_HERE"
class="music-pill"
target="_blank"
rel="noopener noreferrer"
>
Spotify
</a>
<a
href="YOUR_APPLE_MUSIC_LINK_HERE"
class="music-pill"
target="_blank"
rel="noopener noreferrer"
>
Apple Music
</a>
<a
href="YOUR_YOUTUBE_MUSIC_LINK_HERE"
class="music-pill"
target="_blank"
rel="noopener noreferrer"
>
YouTube
</a>
<a
href="YOUR_SOUNDCloud_LINK_HERE"
class="music-pill"
target="_blank"
rel="noopener noreferrer"
>
SoundCloud
</a>
</div>
<div class="hero-actions" style="margin-bottom:0.6rem;">
<a
href="YOUR_MAIN_MUSIC_HUB_LINK_HERE"
class="btn-outline"
target="_blank"
rel="noopener noreferrer"
>
Listen to the Catalog
</a>
</div>
<p class="music-note">
Swap in your actual music links above so all platforms are one tap away.
</p>
<p class="music-highlight">
Idea: Feature key tracks like “Speak Life”, “Soul Talk”, or “Evidence”
on a pinned playlist as your “Break Limits Anthem Pack.”
</p>
</div>
<div class="music-art">
<div class="music-art-inner">
Break Limits<br />Anthem Pack<br /><span style="font-size:0.7rem;font-weight:400;">
A soundtrack for warriors, visionaries, and believers.
</span>
</div>
</div>
</div>
</div>
</section>
<!-- SOCIALS / CONNECT -->
<section id="connect">
<div class="container">
<div class="section-header">
<p class="section-kicker">Connect</p>
<h2 class="section-title">Stay Connected with Break Limits Worldwide</h2>
<p class="section-description">
Follow along for daily motivation, behind the scenes, live sessions,
and real-time updates on new music, courses, and events.
</p>
</div>
<div class="socials">
<h3 style="font-size:1rem;margin-bottom:0.5rem;">
Follow TRRII & Break Limits Worldwide
</h3>
<div class="social-row">
<a
href="YOUR_INSTAGRAM_LINK_HERE"
class="social-pill"
target="_blank"
rel="noopener noreferrer"
>
<span class="dot"></span>
Instagram
</a>
<a
href="YOUR_TIKTOK_LINK_HERE"
class="social-pill"
target="_blank"
rel="noopener noreferrer"
>
<span class="dot"></span>
TikTok
</a>
<a
href="YOUR_YOUTUBE_LINK_HERE"
class="social-pill"
target="_blank"
rel="noopener noreferrer"
>
<span class="dot"></span>
YouTube
</a>
<a
href="YOUR_FACEBOOK_LINK_HERE"
class="social-pill"
target="_blank"
rel="noopener noreferrer"
>
<span class="dot"></span>
Facebook
</a>
</div>
<p class="social-note">
Replace each <strong>YOUR_..._LINK_HERE</strong> with your real
profile URLs. This section can also include a contact email or a link
to your booking form if you want people to reach out for speaking,
coaching, or features.
</p>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<div class="container">
<div class="footer-inner">
<span>© <span id="year"></span> Break Limits Worldwide · All Rights Reserved.</span>
<div class="footer-links">
<a href="#intro">Home</a>
<a href="#book">Book</a>
<a href="#community">Community</a>
<a href="#courses">Courses</a>
<a href="#music">Music</a>
<a href="#connect">Connect</a>
</div>
</div>
</div>
</footer>
</div>
<script>
// Set current year in footer
document.getElementById('year').textContent = new Date().getFullYear();
// Smooth scroll for nav links
document.querySelectorAll('a[href^="#"]').forEach(link => {
link.addEventListener('click', e => {
const targetId = link.getAttribute('href');
if (!targetId || targetId === '#') return;
const targetEl = document.querySelector(targetId);
if (targetEl) {
e.preventDefault();
window.scrollTo({
top: targetEl.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
</script>
</body>
</html>