{"id":7,"date":"2026-07-31T10:20:20","date_gmt":"2026-07-31T10:20:20","guid":{"rendered":"https:\/\/brumbrum.netherlandsservers.org\/?page_id=7"},"modified":"2026-07-31T12:30:40","modified_gmt":"2026-07-31T12:30:40","slug":"home","status":"publish","type":"page","link":"https:\/\/brumbrum.netherlandsservers.org\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-583121f0 e-con-full e-flex e-con e-parent\" data-id=\"583121f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e9e6f elementor-widget elementor-widget-text-editor\" data-id=\"d6e9e6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');\n\n\/* ===== GLOBAL RESET ===== *\/\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'Plus Jakarta Sans', sans-serif; overflow-x: hidden; line-height: 1.6; }\nimg { max-width: 100%; display: block; }\na { text-decoration: none; }\n\n\/* Hide theme header\/footer *\/\n.wp-site-blocks > header,\n.wp-site-blocks > footer,\nheader.wp-block-template-part,\nfooter.wp-block-template-part,\n.site-header, .site-footer,\n#masthead, #colophon,\n.main-navigation { display: none !important; }\n.wp-site-blocks, .wp-site-blocks > main,\n.entry-content, .wp-block-post-content {\n  padding: 0 !important; margin: 0 !important; max-width: 100% !important;\n}\n\n\/* ===== VARIABLES ===== *\/\n:root {\n  --dark: #0f0820;\n  --dark2: #1a0a2e;\n  --orange: #f97316;\n  --orange2: #ea580c;\n  --purple: #a855f7;\n  --cyan: #06b6d4;\n  --white: #ffffff;\n  --gray-100: #f8f9fa;\n  --gray-200: #e5e7eb;\n  --gray-500: #6b7280;\n  --gray-700: #374151;\n  --gray-900: #111827;\n  --container: 1200px;\n  --radius: 20px;\n}\n\n\/* ===== CONTAINER ===== *\/\n.bb-container { max-width: var(--container); margin: 0 auto; padding: 0 20px; width: 100%; }\n\n\/* ===== HEADER ===== *\/\n.bb-header {\n  position: fixed; top: 0; left: 0; right: 0; z-index: 9999;\n  padding: 16px 24px;\n  background: rgba(15, 8, 32, 0.92);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border-bottom: 1px solid rgba(168, 85, 247, 0.2);\n  display: flex; align-items: center; justify-content: space-between; gap: 20px;\n  transition: all 0.3s ease;\n}\n.bb-logo {\n  font-size: 22px; font-weight: 800; flex-shrink: 0;\n  background: linear-gradient(135deg, #a855f7, #06b6d4);\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.bb-nav { display: flex; gap: 28px; list-style: none; align-items: center; }\n.bb-nav a { color: rgba(255,255,255,0.8); font-size: 14px; font-weight: 500; transition: color 0.3s; }\n.bb-nav a:hover { color: var(--orange); }\n.bb-header-btn {\n  background: linear-gradient(135deg, var(--orange), var(--orange2));\n  color: #fff; padding: 10px 22px; border-radius: 50px;\n  font-size: 13px; font-weight: 700; white-space: nowrap;\n  transition: all 0.3s; box-shadow: 0 4px 16px rgba(249,115,22,0.35);\n  flex-shrink: 0;\n}\n.bb-header-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(249,115,22,0.5); }\n.bb-hamburger {\n  display: none; flex-direction: column; gap: 5px; cursor: pointer;\n  background: none; border: none; padding: 4px;\n}\n.bb-hamburger span {\n  display: block; width: 24px; height: 2px; background: #fff; border-radius: 2px; transition: all 0.3s;\n}\n.bb-mobile-nav {\n  display: none; position: fixed; top: 64px; left: 0; right: 0; z-index: 9998;\n  background: rgba(15,8,32,0.98); border-bottom: 1px solid rgba(168,85,247,0.2);\n  padding: 20px; backdrop-filter: blur(20px);\n}\n.bb-mobile-nav.open { display: block; }\n.bb-mobile-nav ul { list-style: none; display: flex; flex-direction: column; gap: 16px; }\n.bb-mobile-nav a { color: rgba(255,255,255,0.8); font-size: 16px; font-weight: 600; display: block; padding: 8px 0; }\n.bb-mobile-nav a:hover { color: var(--orange); }\n.bb-mobile-btn {\n  display: inline-block; margin-top: 16px;\n  background: linear-gradient(135deg, var(--orange), var(--orange2));\n  color: #fff; padding: 12px 28px; border-radius: 50px;\n  font-size: 14px; font-weight: 700;\n}\n\n\/* ===== HERO ===== *\/\n.bb-hero {\n  min-height: 100vh;\n  background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 50%, #0d1b3e 100%);\n  display: flex; align-items: center;\n  padding: 100px 24px 60px;\n  position: relative; overflow: hidden;\n}\n.bb-hero::before {\n  content: ''; position: absolute; top: -200px; right: -150px;\n  width: min(600px, 80vw); height: min(600px, 80vw); border-radius: 50%;\n  background: radial-gradient(circle, rgba(168,85,247,0.12) 0%, transparent 70%);\n  pointer-events: none;\n}\n.bb-hero::after {\n  content: ''; position: absolute; bottom: -100px; left: -100px;\n  width: min(400px, 60vw); height: min(400px, 60vw); border-radius: 50%;\n  background: radial-gradient(circle, rgba(6,182,212,0.08) 0%, transparent 70%);\n  pointer-events: none;\n}\n.bb-hero-inner {\n  max-width: var(--container); margin: 0 auto; width: 100%;\n  display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;\n  position: relative; z-index: 1;\n}\n.bb-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(168,85,247,0.12); border: 1px solid rgba(168,85,247,0.3);\n  border-radius: 50px; padding: 8px 18px; margin-bottom: 20px;\n  color: var(--purple); font-size: 12px; font-weight: 700;\n  letter-spacing: 1.5px; text-transform: uppercase;\n}\n.bb-badge::before { content: '\u25cf'; font-size: 8px; animation: bb-pulse 2s infinite; }\n@keyframes bb-pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }\n.bb-hero-title {\n  font-size: clamp(36px, 5vw, 64px);\n  font-weight: 800; line-height: 1.1; color: #fff;\n  margin-bottom: 20px; letter-spacing: -0.5px;\n}\n.bb-hero-title .hl {\n  background: linear-gradient(135deg, var(--orange), var(--purple));\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n}\n.bb-hero-desc { font-size: clamp(15px, 2vw, 17px); color: rgba(255,255,255,0.65); line-height: 1.8; margin-bottom: 36px; }\n.bb-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 48px; }\n.bb-btn-primary {\n  background: linear-gradient(135deg, var(--orange), var(--orange2));\n  color: #fff; padding: 14px 32px; border-radius: 50px; font-weight: 700;\n  font-size: 15px; transition: all 0.3s; box-shadow: 0 8px 24px rgba(249,115,22,0.35);\n  display: inline-flex; align-items: center; gap: 8px;\n}\n.bb-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(249,115,22,0.5); }\n.bb-btn-outline {\n  color: #fff; padding: 14px 32px; border-radius: 50px; font-weight: 600;\n  font-size: 15px; border: 1px solid rgba(255,255,255,0.2);\n  transition: all 0.3s; display: inline-flex; align-items: center; gap: 8px;\n}\n.bb-btn-outline:hover { border-color: var(--purple); background: rgba(168,85,247,0.1); }\n.bb-hero-stats { display: flex; gap: 36px; flex-wrap: wrap; }\n.bb-stat-num { font-size: clamp(28px, 4vw, 40px); font-weight: 800; color: #fff; }\n.bb-stat-label { font-size: 13px; color: rgba(255,255,255,0.5); margin-top: 4px; }\n.bb-hero-visual { position: relative; }\n.bb-hero-card {\n  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 24px; padding: 36px; backdrop-filter: blur(20px);\n}\n.bb-hero-card-title { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 18px; }\n.bb-tag {\n  display: inline-block; border-radius: 8px; padding: 7px 14px;\n  font-size: 12px; font-weight: 600; margin: 4px;\n}\n.bb-tag-purple { background: rgba(168,85,247,0.15); border: 1px solid rgba(168,85,247,0.3); color: var(--purple); }\n.bb-tag-orange { background: rgba(249,115,22,0.15); border: 1px solid rgba(249,115,22,0.3); color: var(--orange); }\n.bb-tag-cyan { background: rgba(6,182,212,0.15); border: 1px solid rgba(6,182,212,0.3); color: var(--cyan); }\n.bb-float-badge {\n  position: absolute; border-radius: 14px; padding: 12px 18px; color: #fff;\n  font-weight: 700; font-size: 12px; line-height: 1.4;\n}\n.bb-float-1 {\n  top: -18px; right: -18px;\n  background: linear-gradient(135deg, var(--orange), var(--orange2));\n  box-shadow: 0 8px 30px rgba(249,115,22,0.4);\n}\n.bb-float-2 {\n  bottom: -18px; left: -18px;\n  background: linear-gradient(135deg, var(--purple), #7c3aed);\n  box-shadow: 0 8px 30px rgba(168,85,247,0.4);\n}\n\n\/* ===== PARTNERS ===== *\/\n.bb-partners { padding: 60px 24px; background: #fff; text-align: center; }\n.bb-section-label {\n  font-size: 12px; font-weight: 700; letter-spacing: 3px;\n  text-transform: uppercase; color: var(--orange); margin-bottom: 12px;\n}\n.bb-partners-logos {\n  display: flex; justify-content: center; align-items: center;\n  gap: clamp(24px, 5vw, 60px); flex-wrap: wrap; margin-top: 36px;\n}\n.bb-partner-logo { font-size: clamp(16px, 3vw, 22px); font-weight: 800; color: #d1d5db; transition: color 0.3s; }\n.bb-partner-logo:hover { color: var(--gray-900); }\n\n\/* ===== ABOUT ===== *\/\n.bb-about { padding: clamp(60px, 8vw, 100px) 24px; background: var(--gray-100); }\n.bb-about-inner {\n  max-width: var(--container); margin: 0 auto;\n  display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 80px); align-items: center;\n}\n.bb-about-img {\n  background: linear-gradient(135deg, var(--dark2), #0d1b3e);\n  border-radius: var(--radius); height: clamp(300px, 40vw, 480px);\n  display: flex; align-items: center; justify-content: center;\n  position: relative; overflow: hidden;\n}\n.bb-about-img-icon { font-size: clamp(50px, 8vw, 80px); opacity: 0.6; }\n.bb-about-badge {\n  position: absolute; bottom: 24px; left: -20px;\n  background: linear-gradient(135deg, var(--orange), var(--purple));\n  border-radius: 14px; padding: 16px 22px; color: #fff;\n  box-shadow: 0 8px 30px rgba(0,0,0,0.3);\n}\n.bb-about-badge-num { font-size: clamp(28px, 4vw, 40px); font-weight: 800; line-height: 1; }\n.bb-about-badge-text { font-size: 13px; font-weight: 500; opacity: 0.9; }\n.bb-section-title { font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: var(--gray-900); line-height: 1.15; letter-spacing: -0.5px; }\n.bb-section-desc { font-size: clamp(14px, 2vw, 16px); color: var(--gray-500); line-height: 1.8; margin: 16px 0 28px; }\n.bb-checklist { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; }\n.bb-checklist li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--gray-700); }\n.bb-check-icon {\n  width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; margin-top: 2px;\n  background: linear-gradient(135deg, var(--orange), var(--orange2));\n  display: flex; align-items: center; justify-content: center;\n  font-size: 11px; color: #fff; font-weight: 800;\n}\n\n\/* ===== STATS ===== *\/\n.bb-stats { padding: clamp(60px, 8vw, 90px) 24px; background: linear-gradient(135deg, var(--dark), var(--dark2)); }\n.bb-stats-inner { max-width: var(--container); margin: 0 auto; }\n.bb-stats-top {\n  display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 60px);\n  align-items: center; margin-bottom: 50px;\n}\n.bb-stats-heading { font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: #fff; line-height: 1.15; }\n.bb-stats-desc { font-size: clamp(14px, 2vw, 16px); color: rgba(255,255,255,0.6); line-height: 1.8; }\n.bb-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3vw, 40px); text-align: center; }\n.bb-stat-big { font-size: clamp(36px, 5vw, 60px); font-weight: 800; background: linear-gradient(135deg, var(--orange), var(--purple)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.bb-stat-text { font-size: 14px; color: rgba(255,255,255,0.55); margin-top: 8px; font-weight: 500; }\n\n\/* ===== SERVICES ===== *\/\n.bb-services { padding: clamp(60px, 8vw, 100px) 24px; background: #fff; }\n.bb-services-inner { max-width: var(--container); margin: 0 auto; }\n.bb-section-header { text-align: center; margin-bottom: clamp(40px, 6vw, 60px); }\n.bb-section-sub { font-size: clamp(14px, 2vw, 16px); color: var(--gray-500); margin-top: 12px; max-width: 550px; margin-left: auto; margin-right: auto; line-height: 1.8; }\n.bb-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2.5vw, 28px); }\n.bb-service-card {\n  background: var(--gray-100); border-radius: var(--radius); padding: clamp(24px, 3vw, 40px);\n  border: 1px solid transparent; transition: all 0.4s ease; cursor: pointer;\n  position: relative; overflow: hidden;\n}\n.bb-service-card::before {\n  content: ''; position: absolute; inset: 0;\n  background: linear-gradient(135deg, var(--dark), var(--dark2));\n  opacity: 0; transition: opacity 0.4s;\n}\n.bb-service-card:hover { transform: translateY(-6px); box-shadow: 0 16px 50px rgba(15,8,32,0.18); }\n.bb-service-card:hover::before { opacity: 1; }\n.bb-service-card > * { position: relative; z-index: 1; }\n.bb-service-icon {\n  width: 56px; height: 56px; border-radius: 14px; margin-bottom: 20px;\n  display: flex; align-items: center; justify-content: center; font-size: 24px;\n  transition: all 0.4s;\n}\n.si-1 { background: linear-gradient(135deg, var(--orange), var(--orange2)); }\n.si-2 { background: linear-gradient(135deg, var(--purple), #7c3aed); }\n.si-3 { background: linear-gradient(135deg, var(--cyan), #0891b2); }\n.si-4 { background: linear-gradient(135deg, #10b981, #059669); }\n.si-5 { background: linear-gradient(135deg, #f59e0b, #d97706); }\n.si-6 { background: linear-gradient(135deg, #ef4444, #dc2626); }\n.bb-service-title { font-size: clamp(16px, 2vw, 19px); font-weight: 700; color: var(--gray-900); margin-bottom: 12px; transition: color 0.4s; }\n.bb-service-desc { font-size: 14px; color: var(--gray-500); line-height: 1.8; transition: color 0.4s; }\n.bb-service-card:hover .bb-service-title { color: #fff; }\n.bb-service-card:hover .bb-service-desc { color: rgba(255,255,255,0.65); }\n\n\/* ===== PROCESS ===== *\/\n.bb-process { padding: clamp(60px, 8vw, 100px) 24px; background: var(--gray-100); }\n.bb-process-inner { max-width: var(--container); margin: 0 auto; }\n.bb-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 2.5vw, 28px); margin-top: clamp(40px, 6vw, 60px); }\n.bb-process-card { text-align: center; padding: clamp(20px, 3vw, 40px) clamp(10px, 2vw, 20px); }\n.bb-process-num {\n  width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 20px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 22px; font-weight: 800; color: #fff;\n}\n.pn-1 { background: linear-gradient(135deg, var(--orange), var(--orange2)); box-shadow: 0 8px 24px rgba(249,115,22,0.35); }\n.pn-2 { background: linear-gradient(135deg, var(--purple), #7c3aed); box-shadow: 0 8px 24px rgba(168,85,247,0.35); }\n.pn-3 { background: linear-gradient(135deg, var(--cyan), #0891b2); box-shadow: 0 8px 24px rgba(6,182,212,0.35); }\n.pn-4 { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 8px 24px rgba(16,185,129,0.35); }\n.bb-process-title { font-size: clamp(15px, 2vw, 18px); font-weight: 700; color: var(--gray-900); margin-bottom: 10px; }\n.bb-process-desc { font-size: 14px; color: var(--gray-500); line-height: 1.7; }\n\n\/* ===== TESTIMONIALS ===== *\/\n.bb-testimonials { padding: clamp(60px, 8vw, 100px) 24px; background: #fff; }\n.bb-testimonials-inner { max-width: var(--container); margin: 0 auto; }\n.bb-testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2.5vw, 28px); margin-top: clamp(40px, 6vw, 60px); }\n.bb-testimonial-card {\n  background: var(--gray-100); border-radius: var(--radius); padding: clamp(24px, 3vw, 40px);\n  border: 1px solid var(--gray-200); transition: all 0.3s;\n}\n.bb-testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 14px 40px rgba(0,0,0,0.09); }\n.bb-quote { font-size: 60px; color: var(--orange); font-family: serif; line-height: 0.8; margin-bottom: 16px; display: block; }\n.bb-testimonial-text { font-size: 14px; color: var(--gray-500); line-height: 1.8; margin-bottom: 24px; }\n.bb-testimonial-author { display: flex; align-items: center; gap: 12px; }\n.bb-avatar {\n  width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 16px; font-weight: 700; color: #fff;\n}\n.av-1 { background: linear-gradient(135deg, var(--orange), var(--purple)); }\n.av-2 { background: linear-gradient(135deg, var(--purple), #7c3aed); }\n.av-3 { background: linear-gradient(135deg, var(--cyan), #0891b2); }\n.bb-author-name { font-size: 15px; font-weight: 700; color: var(--gray-900); }\n.bb-author-role { font-size: 12px; color: var(--gray-500); margin-top: 2px; }\n.bb-stars { color: var(--orange); font-size: 13px; margin-bottom: 4px; }\n\n\/* ===== FAQ ===== *\/\n.bb-faq { padding: clamp(60px, 8vw, 100px) 24px; background: var(--gray-100); }\n.bb-faq-inner { max-width: 760px; margin: 0 auto; }\n.bb-faq-item {\n  background: #fff; border: 1px solid var(--gray-200); border-radius: 14px;\n  margin-bottom: 14px; overflow: hidden;\n}\n.bb-faq-q {\n  padding: 20px 26px; font-size: 15px; font-weight: 600; color: var(--gray-900);\n  cursor: pointer; display: flex; justify-content: space-between; align-items: center;\n  gap: 16px; transition: color 0.3s;\n}\n.bb-faq-q:hover { color: var(--orange); }\n.bb-faq-icon { font-size: 22px; color: var(--gray-500); flex-shrink: 0; font-weight: 400; }\n.bb-faq-a { padding: 0 26px 20px; font-size: 14px; color: var(--gray-500); line-height: 1.8; }\n\n\/* ===== CONTACT ===== *\/\n.bb-contact { padding: clamp(60px, 8vw, 100px) 24px; background: linear-gradient(135deg, var(--dark), var(--dark2)); }\n.bb-contact-inner {\n  max-width: var(--container); margin: 0 auto;\n  display: grid; grid-template-columns: 1fr 1.5fr; gap: clamp(40px, 6vw, 80px); align-items: start;\n}\n.bb-contact-detail { display: flex; gap: 14px; margin-top: 24px; }\n.bb-contact-icon {\n  width: 46px; height: 46px; border-radius: 12px; flex-shrink: 0;\n  background: rgba(249,115,22,0.12); border: 1px solid rgba(249,115,22,0.3);\n  display: flex; align-items: center; justify-content: center; font-size: 18px;\n}\n.bb-contact-label { font-size: 12px; color: rgba(255,255,255,0.5); font-weight: 500; }\n.bb-contact-value { font-size: 15px; font-weight: 600; color: #fff; margin-top: 3px; }\n.bb-form {\n  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 24px; padding: clamp(28px, 4vw, 50px);\n}\n.bb-form-title { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 28px; }\n.bb-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.bb-form-group { margin-bottom: 20px; }\n.bb-form-group label { display: block; font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.65); margin-bottom: 8px; letter-spacing: 0.5px; text-transform: uppercase; }\n.bb-form-group input,\n.bb-form-group textarea {\n  width: 100%; padding: 13px 18px; border-radius: 12px; font-size: 14px;\n  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);\n  color: #fff; font-family: inherit; transition: all 0.3s; outline: none; resize: vertical;\n}\n.bb-form-group input::placeholder,\n.bb-form-group textarea::placeholder { color: rgba(255,255,255,0.3); }\n.bb-form-group input:focus,\n.bb-form-group textarea:focus { border-color: var(--orange); background: rgba(249,115,22,0.07); }\n.bb-form-group textarea { min-height: 120px; }\n.bb-form-submit {\n  width: 100%; padding: 15px; border-radius: 50px; border: none; cursor: pointer;\n  background: linear-gradient(135deg, var(--orange), var(--orange2));\n  color: #fff; font-size: 15px; font-weight: 700; font-family: inherit;\n  transition: all 0.3s; box-shadow: 0 6px 20px rgba(249,115,22,0.35);\n}\n.bb-form-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(249,115,22,0.5); }\n\n\/* ===== FOOTER ===== *\/\n.bb-footer { background: #070310; padding: clamp(50px, 6vw, 70px) 24px 28px; }\n.bb-footer-inner { max-width: var(--container); margin: 0 auto; }\n.bb-footer-top { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: clamp(30px, 5vw, 60px); margin-bottom: 44px; }\n.bb-footer-logo { font-size: 26px; font-weight: 800; background: linear-gradient(135deg, var(--purple), var(--cyan)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 14px; }\n.bb-footer-desc { font-size: 14px; color: rgba(255,255,255,0.4); line-height: 1.8; }\n.bb-footer-col-title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 20px; }\n.bb-footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.bb-footer-links a { color: rgba(255,255,255,0.4); font-size: 14px; transition: color 0.3s; }\n.bb-footer-links a:hover { color: var(--orange); }\n.bb-footer-bottom {\n  border-top: 1px solid rgba(255,255,255,0.07); padding-top: 24px;\n  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;\n}\n.bb-footer-copy { font-size: 13px; color: rgba(255,255,255,0.3); }\n.bb-footer-copy a { color: var(--orange); }\n\n\/* ===== RESPONSIVE BREAKPOINTS ===== *\/\n\n\/* Tablet: max 1024px *\/\n@media (max-width: 1024px) {\n  .bb-hero-inner { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n  .bb-hero-btns { justify-content: center; }\n  .bb-hero-stats { justify-content: center; }\n  .bb-hero-visual { max-width: 480px; margin: 0 auto; }\n  .bb-about-inner { grid-template-columns: 1fr; gap: 40px; }\n  .bb-about-img { height: 300px; max-width: 500px; }\n  .bb-about-badge { left: 20px; }\n  .bb-stats-top { grid-template-columns: 1fr; gap: 20px; }\n  .bb-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\n  .bb-services-grid { grid-template-columns: repeat(2, 1fr); }\n  .bb-process-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n  .bb-testimonials-grid { grid-template-columns: repeat(2, 1fr); }\n  .bb-contact-inner { grid-template-columns: 1fr; gap: 40px; }\n  .bb-footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }\n}\n\n\/* Mobile Large: max 768px *\/\n@media (max-width: 768px) {\n  .bb-header { padding: 14px 18px; }\n  .bb-nav { display: none; }\n  .bb-header-btn { display: none; }\n  .bb-hamburger { display: flex; }\n  .bb-hero { padding: 90px 18px 50px; }\n  .bb-hero-title { font-size: clamp(30px, 7vw, 44px); }\n  .bb-hero-stats { gap: 24px; }\n  .bb-float-1, .bb-float-2 { display: none; }\n  .bb-about-img { max-width: 100%; }\n  .bb-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }\n  .bb-services-grid { grid-template-columns: 1fr 1fr; }\n  .bb-process-grid { grid-template-columns: repeat(2, 1fr); }\n  .bb-testimonials-grid { grid-template-columns: 1fr; }\n  .bb-form-row { grid-template-columns: 1fr; }\n  .bb-footer-top { grid-template-columns: 1fr 1fr; gap: 28px; }\n}\n\n\/* Mobile Small: max 480px *\/\n@media (max-width: 480px) {\n  .bb-hero { padding: 80px 16px 40px; }\n  .bb-hero-btns { flex-direction: column; align-items: stretch; text-align: center; }\n  .bb-btn-primary, .bb-btn-outline { justify-content: center; }\n  .bb-hero-stats { flex-direction: column; gap: 16px; align-items: center; }\n  .bb-services-grid { grid-template-columns: 1fr; }\n  .bb-process-grid { grid-template-columns: 1fr; }\n  .bb-stats-grid { grid-template-columns: 1fr 1fr; }\n  .bb-footer-top { grid-template-columns: 1fr; }\n  .bb-footer-bottom { flex-direction: column; text-align: center; }\n  .bb-form-row { grid-template-columns: 1fr; }\n  .bb-contact-inner { grid-template-columns: 1fr; }\n  .bb-section-title { font-size: clamp(26px, 6vw, 34px); }\n}\n<\/style>\n\n<!-- MOBILE NAV TOGGLE SCRIPT -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  var hamburger = document.getElementById('bb-hamburger');\n  var mobileNav = document.getElementById('bb-mobile-nav');\n  if (hamburger && mobileNav) {\n    hamburger.addEventListener('click', function() {\n      mobileNav.classList.toggle('open');\n    });\n    mobileNav.querySelectorAll('a').forEach(function(link) {\n      link.addEventListener('click', function() { mobileNav.classList.remove('open'); });\n    });\n  }\n});\n<\/script>\n\n<!-- ===== HEADER ===== -->\n<header class=\"bb-header\">\n  <div class=\"bb-logo\">BrumBrum<\/div>\n  <nav><ul class=\"bb-nav\">\n    <li><a href=\"#bb-home\">Home<\/a><\/li>\n    <li><a href=\"#bb-about\">About<\/a><\/li>\n    <li><a href=\"#bb-services\">Services<\/a><\/li>\n    <li><a href=\"#bb-testimonials\">Testimonials<\/a><\/li>\n    <li><a href=\"#bb-contact\">Contact<\/a><\/li>\n  <\/ul><\/nav>\n  <a href=\"#bb-contact\" class=\"bb-header-btn\">Start A Project \u2192<\/a>\n  <button class=\"bb-hamburger\" id=\"bb-hamburger\" aria-label=\"Menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n<\/header>\n\n<!-- MOBILE NAV -->\n<div class=\"bb-mobile-nav\" id=\"bb-mobile-nav\">\n  <ul>\n    <li><a href=\"#bb-home\">Home<\/a><\/li>\n    <li><a href=\"#bb-about\">About<\/a><\/li>\n    <li><a href=\"#bb-services\">Services<\/a><\/li>\n    <li><a href=\"#bb-testimonials\">Testimonials<\/a><\/li>\n    <li><a href=\"#bb-contact\">Contact<\/a><\/li>\n  <\/ul>\n  <a href=\"#bb-contact\" class=\"bb-mobile-btn\">Start A Project \u2192<\/a>\n<\/div>\n\n<!-- ===== HERO ===== -->\n<section class=\"bb-hero\" id=\"bb-home\">\n  <div class=\"bb-hero-inner\">\n    <div class=\"bb-hero-content\">\n      <div class=\"bb-badge\">\ud83d\ude80 Digital Marketing Agency<\/div>\n      <h1 class=\"bb-hero-title\">We Are A <span class=\"hl\">Creative Agency<\/span> That Drives Growth<\/h1>\n      <p class=\"bb-hero-desc\">We help businesses grow their digital presence with cutting-edge marketing strategies, stunning design, and measurable results.<\/p>\n      <div class=\"bb-hero-btns\">\n        <a href=\"#bb-services\" class=\"bb-btn-primary\">Discover More \u2193<\/a>\n        <a href=\"#bb-about\" class=\"bb-btn-outline\">\u25b6 Watch Video<\/a>\n      <\/div>\n      <div class=\"bb-hero-stats\">\n        <div><div class=\"bb-stat-num\">1.5k+<\/div><div class=\"bb-stat-label\">Happy Clients<\/div><\/div>\n        <div><div class=\"bb-stat-num\">500+<\/div><div class=\"bb-stat-label\">Projects Done<\/div><\/div>\n        <div><div class=\"bb-stat-num\">98%<\/div><div class=\"bb-stat-label\">Success Rate<\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"bb-hero-visual\">\n      <div class=\"bb-hero-card\">\n        <div class=\"bb-hero-card-title\">\u2728 Our Expertise<\/div>\n        <span class=\"bb-tag bb-tag-purple\">SEO Optimization<\/span>\n        <span class=\"bb-tag bb-tag-orange\">Social Media<\/span>\n        <span class=\"bb-tag bb-tag-cyan\">Web Design<\/span>\n        <span class=\"bb-tag bb-tag-purple\">PPC Ads<\/span>\n        <span class=\"bb-tag bb-tag-orange\">Branding<\/span>\n        <span class=\"bb-tag bb-tag-cyan\">Analytics<\/span>\n        <span class=\"bb-tag bb-tag-purple\">Email Marketing<\/span>\n        <span class=\"bb-tag bb-tag-orange\">Content<\/span>\n      <\/div>\n      <div class=\"bb-float-badge bb-float-1\">\u2b50 4.9\/5 Rating<\/div>\n      <div class=\"bb-float-badge bb-float-2\">\ud83c\udfc6 Award Winning<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PARTNERS ===== -->\n<section class=\"bb-partners\">\n  <div class=\"bb-container\">\n    <div class=\"bb-section-label\">Trusted Partners<\/div>\n    <h2 style=\"font-size:clamp(22px,3vw,30px);font-weight:700;color:#1f2937;\">Brands That Trust Us<\/h2>\n    <div class=\"bb-partners-logos\">\n      <div class=\"bb-partner-logo\">Google<\/div>\n      <div class=\"bb-partner-logo\">Shopify<\/div>\n      <div class=\"bb-partner-logo\">HubSpot<\/div>\n      <div class=\"bb-partner-logo\">Mailchimp<\/div>\n      <div class=\"bb-partner-logo\">Semrush<\/div>\n      <div class=\"bb-partner-logo\">Canva<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== ABOUT ===== -->\n<section class=\"bb-about\" id=\"bb-about\">\n  <div class=\"bb-about-inner\">\n    <div>\n      <div class=\"bb-about-img\">\n        <div class=\"bb-about-img-icon\">\ud83c\udfaf<\/div>\n        <div class=\"bb-about-badge\">\n          <div class=\"bb-about-badge-num\">12+<\/div>\n          <div class=\"bb-about-badge-text\">Years of Excellence<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div>\n      <div class=\"bb-section-label\">About Us<\/div>\n      <h2 class=\"bb-section-title\">We&#8217;re Strategic Digital Marketing Agency<\/h2>\n      <p class=\"bb-section-desc\">Our team of dedicated experts combines creative vision with data-driven strategies to help businesses achieve remarkable growth. We build long-term partnerships based on trust and outstanding results.<\/p>\n      <ul class=\"bb-checklist\">\n        <li><span class=\"bb-check-icon\">\u2713<\/span> Proven track record with 500+ successful projects delivered<\/li>\n        <li><span class=\"bb-check-icon\">\u2713<\/span> Expert team of certified digital marketing specialists<\/li>\n        <li><span class=\"bb-check-icon\">\u2713<\/span> Data-driven approach with measurable ROI for every campaign<\/li>\n        <li><span class=\"bb-check-icon\">\u2713<\/span> 24\/7 dedicated support and transparent monthly reporting<\/li>\n      <\/ul>\n      <a href=\"#bb-contact\" class=\"bb-btn-primary\" style=\"display:inline-flex;\">More About Us \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== STATS ===== -->\n<section class=\"bb-stats\">\n  <div class=\"bb-stats-inner\">\n    <div class=\"bb-stats-top\">\n      <div>\n        <div class=\"bb-section-label\">Our Achievements<\/div>\n        <h2 class=\"bb-stats-heading\">Numbers That Speak For Themselves<\/h2>\n      <\/div>\n      <div>\n        <p class=\"bb-stats-desc\">Over the years, we&#8217;ve helped hundreds of businesses achieve their digital marketing goals. Here&#8217;s what we&#8217;ve accomplished together with our clients worldwide.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"bb-stats-grid\">\n      <div><div class=\"bb-stat-big\">500+<\/div><div class=\"bb-stat-text\">Projects Completed<\/div><\/div>\n      <div><div class=\"bb-stat-big\">1500+<\/div><div class=\"bb-stat-text\">Happy Clients<\/div><\/div>\n      <div><div class=\"bb-stat-big\">48+<\/div><div class=\"bb-stat-text\">Team Members<\/div><\/div>\n      <div><div class=\"bb-stat-big\">98%<\/div><div class=\"bb-stat-text\">Client Satisfaction<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SERVICES ===== -->\n<section class=\"bb-services\" id=\"bb-services\">\n  <div class=\"bb-services-inner\">\n    <div class=\"bb-section-header\">\n      <div class=\"bb-section-label\">Our Services<\/div>\n      <h2 class=\"bb-section-title\">We Provide Best Service<\/h2>\n      <p class=\"bb-section-sub\">From strategy to execution, comprehensive digital marketing solutions tailored to accelerate your business growth.<\/p>\n    <\/div>\n    <div class=\"bb-services-grid\">\n      <div class=\"bb-service-card\">\n        <div class=\"bb-service-icon si-1\">\ud83d\udd0d<\/div>\n        <h3 class=\"bb-service-title\">SEO Optimization<\/h3>\n        <p class=\"bb-service-desc\">Boost search rankings with proven SEO strategies that drive organic traffic and deliver real business results.<\/p>\n      <\/div>\n      <div class=\"bb-service-card\">\n        <div class=\"bb-service-icon si-2\">\ud83d\udcf1<\/div>\n        <h3 class=\"bb-service-title\">Social Media Marketing<\/h3>\n        <p class=\"bb-service-desc\">Build a powerful social presence that engages your audience and grows brand awareness across all platforms.<\/p>\n      <\/div>\n      <div class=\"bb-service-card\">\n        <div class=\"bb-service-icon si-3\">\ud83c\udfa8<\/div>\n        <h3 class=\"bb-service-title\">Web Design &#038; Dev<\/h3>\n        <p class=\"bb-service-desc\">Beautiful, fast, conversion-optimized websites that leave a lasting impression and drive customer action.<\/p>\n      <\/div>\n      <div class=\"bb-service-card\">\n        <div class=\"bb-service-icon si-4\">\ud83d\udcca<\/div>\n        <h3 class=\"bb-service-title\">PPC Advertising<\/h3>\n        <p class=\"bb-service-desc\">Maximize ad spend ROI with targeted pay-per-click campaigns that deliver qualified leads consistently.<\/p>\n      <\/div>\n      <div class=\"bb-service-card\">\n        <div class=\"bb-service-icon si-5\">\u270d\ufe0f<\/div>\n        <h3 class=\"bb-service-title\">Content Marketing<\/h3>\n        <p class=\"bb-service-desc\">Compelling content that educates, entertains, and converts. We tell your brand story powerfully.<\/p>\n      <\/div>\n      <div class=\"bb-service-card\">\n        <div class=\"bb-service-icon si-6\">\ud83d\udce7<\/div>\n        <h3 class=\"bb-service-title\">Email Marketing<\/h3>\n        <p class=\"bb-service-desc\">Personalized email campaigns delivering exceptional open rates and long-term customer retention.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PROCESS ===== -->\n<section class=\"bb-process\">\n  <div class=\"bb-process-inner\">\n    <div class=\"bb-section-header\">\n      <div class=\"bb-section-label\">Work Process<\/div>\n      <h2 class=\"bb-section-title\">How We Get Things Done<\/h2>\n    <\/div>\n    <div class=\"bb-process-grid\">\n      <div class=\"bb-process-card\">\n        <div class=\"bb-process-num pn-1\">1<\/div>\n        <h3 class=\"bb-process-title\">Choose A Service<\/h3>\n        <p class=\"bb-process-desc\">Tell us about your business goals and select from our specialized digital marketing services.<\/p>\n      <\/div>\n      <div class=\"bb-process-card\">\n        <div class=\"bb-process-num pn-2\">2<\/div>\n        <h3 class=\"bb-process-title\">Define Requirements<\/h3>\n        <p class=\"bb-process-desc\">We analyze your market and competitors to create a comprehensive strategy blueprint.<\/p>\n      <\/div>\n      <div class=\"bb-process-card\">\n        <div class=\"bb-process-num pn-3\">3<\/div>\n        <h3 class=\"bb-process-title\">Request A Meeting<\/h3>\n        <p class=\"bb-process-desc\">Schedule a consultation to align on timelines, budgets, and KPIs with our experts.<\/p>\n      <\/div>\n      <div class=\"bb-process-card\">\n        <div class=\"bb-process-num pn-4\">4<\/div>\n        <h3 class=\"bb-process-title\">Final Solution<\/h3>\n        <p class=\"bb-process-desc\">We execute with precision, monitor performance, and optimize for exceptional results.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TESTIMONIALS ===== -->\n<section class=\"bb-testimonials\" id=\"bb-testimonials\">\n  <div class=\"bb-testimonials-inner\">\n    <div class=\"bb-section-header\">\n      <div class=\"bb-section-label\">Testimonials<\/div>\n      <h2 class=\"bb-section-title\">What Our Clients Say<\/h2>\n    <\/div>\n    <div class=\"bb-testimonials-grid\">\n      <div class=\"bb-testimonial-card\">\n        <span class=\"bb-quote\">&#8220;<\/span>\n        <p class=\"bb-testimonial-text\">Working with this agency transformed our digital presence completely. Our organic traffic increased by 340% in just 6 months and our revenue doubled. Absolutely incredible results!<\/p>\n        <div class=\"bb-testimonial-author\">\n          <div class=\"bb-avatar av-1\">S<\/div>\n          <div>\n            <div class=\"bb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <div class=\"bb-author-name\">Sarah Johnson<\/div>\n            <div class=\"bb-author-role\">CEO, TechStartup Inc.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"bb-testimonial-card\">\n        <span class=\"bb-quote\">&#8220;<\/span>\n        <p class=\"bb-testimonial-text\">The team is incredibly professional and responsive. They understood our brand vision perfectly and delivered a campaign that exceeded all our expectations. Best investment ever!<\/p>\n        <div class=\"bb-testimonial-author\">\n          <div class=\"bb-avatar av-2\">M<\/div>\n          <div>\n            <div class=\"bb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <div class=\"bb-author-name\">Michael Chen<\/div>\n            <div class=\"bb-author-role\">Marketing Director, GlobalBrands<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"bb-testimonial-card\">\n        <span class=\"bb-quote\">&#8220;<\/span>\n        <p class=\"bb-testimonial-text\">Our social media following grew from 2,000 to 85,000 in just 8 months. Engagement rates are through the roof and we&#8217;re now getting daily inquiries from new clients. Amazing work!<\/p>\n        <div class=\"bb-testimonial-author\">\n          <div class=\"bb-avatar av-3\">A<\/div>\n          <div>\n            <div class=\"bb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <div class=\"bb-author-name\">Amanda Torres<\/div>\n            <div class=\"bb-author-role\">Founder, Fashion House<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FAQ ===== -->\n<section class=\"bb-faq\">\n  <div class=\"bb-faq-inner\">\n    <div class=\"bb-section-header\" style=\"text-align:center;margin-bottom:44px;\">\n      <div class=\"bb-section-label\">FAQ<\/div>\n      <h2 class=\"bb-section-title\">Frequently Asked Questions<\/h2>\n    <\/div>\n    <div class=\"bb-faq-item\">\n      <div class=\"bb-faq-q\">How long does it take to see results from SEO? <span class=\"bb-faq-icon\">+<\/span><\/div>\n      <div class=\"bb-faq-a\">SEO typically shows improvements in 3\u20136 months. Significant ROI is usually visible within 6\u201312 months, depending on your industry competitiveness and website&#8217;s current state.<\/div>\n    <\/div>\n    <div class=\"bb-faq-item\">\n      <div class=\"bb-faq-q\">What makes your agency different from others? <span class=\"bb-faq-icon\">+<\/span><\/div>\n      <div class=\"bb-faq-a\">We combine data-driven strategies with creative excellence. Full transparency with monthly reports, live dashboards, and dedicated account managers who treat your business as their own.<\/div>\n    <\/div>\n    <div class=\"bb-faq-item\">\n      <div class=\"bb-faq-q\">Do you work with small businesses or only large companies? <span class=\"bb-faq-icon\">+<\/span><\/div>\n      <div class=\"bb-faq-a\">We work with businesses of all sizes \u2014 from startups to large enterprises. We tailor our strategies and packages to fit your specific budget and growth goals.<\/div>\n    <\/div>\n    <div class=\"bb-faq-item\">\n      <div class=\"bb-faq-q\">What is your pricing structure? <span class=\"bb-faq-icon\">+<\/span><\/div>\n      <div class=\"bb-faq-a\">Flexible monthly retainer packages starting from $999\/month, as well as project-based pricing. Contact us for a free consultation and custom quote.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CONTACT ===== -->\n<section class=\"bb-contact\" id=\"bb-contact\">\n  <div class=\"bb-contact-inner\">\n    <div>\n      <div class=\"bb-section-label\">Contact Us<\/div>\n      <h2 class=\"bb-section-title\" style=\"color:#fff;\">Let&#8217;s Grow Your Business Together<\/h2>\n      <p class=\"bb-section-desc\" style=\"color:rgba(255,255,255,0.6);\">Ready to take your digital presence to the next level? Get in touch for a free strategy consultation.<\/p>\n      <div class=\"bb-contact-detail\">\n        <div class=\"bb-contact-icon\">\ud83d\udccd<\/div>\n        <div><div class=\"bb-contact-label\">Our Office<\/div><div class=\"bb-contact-value\">Netherlands, Europe<\/div><\/div>\n      <\/div>\n      <div class=\"bb-contact-detail\">\n        <div class=\"bb-contact-icon\">\ud83d\udcde<\/div>\n        <div><div class=\"bb-contact-label\">Phone Number<\/div><div class=\"bb-contact-value\">+31 (0) 20 123 4567<\/div><\/div>\n      <\/div>\n      <div class=\"bb-contact-detail\">\n        <div class=\"bb-contact-icon\">\u2709\ufe0f<\/div>\n        <div><div class=\"bb-contact-label\">Email Address<\/div><div class=\"bb-contact-value\">hello@brumbrum.nl<\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"bb-form\">\n      <div class=\"bb-form-title\">Send Us A Message<\/div>\n      <div class=\"bb-form-row\">\n        <div class=\"bb-form-group\"><label>Full Name<\/label><input type=\"text\" placeholder=\"Your full name\"><\/div>\n        <div class=\"bb-form-group\"><label>Email Address<\/label><input type=\"email\" placeholder=\"your@email.com\"><\/div>\n      <\/div>\n      <div class=\"bb-form-row\">\n        <div class=\"bb-form-group\"><label>Phone Number<\/label><input type=\"tel\" placeholder=\"+1 234 567 8900\"><\/div>\n        <div class=\"bb-form-group\"><label>Service Needed<\/label><input type=\"text\" placeholder=\"SEO, Social Media\u2026\"><\/div>\n      <\/div>\n      <div class=\"bb-form-group\"><label>Your Message<\/label><textarea placeholder=\"Tell us about your project and goals...\"><\/textarea><\/div>\n      <button type=\"submit\" class=\"bb-form-submit\">Send Message \u2192<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FOOTER ===== -->\n<footer class=\"bb-footer\">\n  <div class=\"bb-footer-inner\">\n    <div class=\"bb-footer-top\">\n      <div>\n        <div class=\"bb-footer-logo\">BrumBrum<\/div>\n        <p class=\"bb-footer-desc\">Your trusted digital marketing partner helping businesses achieve extraordinary growth through innovative strategies.<\/p>\n      <\/div>\n      <div>\n        <div class=\"bb-footer-col-title\">Services<\/div>\n        <ul class=\"bb-footer-links\">\n          <li><a href=\"#\">SEO Optimization<\/a><\/li>\n          <li><a href=\"#\">Social Media<\/a><\/li>\n          <li><a href=\"#\">Web Design<\/a><\/li>\n          <li><a href=\"#\">PPC Advertising<\/a><\/li>\n          <li><a href=\"#\">Content Marketing<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <div class=\"bb-footer-col-title\">Company<\/div>\n        <ul class=\"bb-footer-links\">\n          <li><a href=\"#\">About Us<\/a><\/li>\n          <li><a href=\"#\">Our Team<\/a><\/li>\n          <li><a href=\"#\">Portfolio<\/a><\/li>\n          <li><a href=\"#\">Blog<\/a><\/li>\n          <li><a href=\"#\">Careers<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <div class=\"bb-footer-col-title\">Contact<\/div>\n        <ul class=\"bb-footer-links\">\n          <li><a href=\"#\">Netherlands, EU<\/a><\/li>\n          <li><a href=\"#\">+31 (0) 20 123 4567<\/a><\/li>\n          <li><a href=\"#\">hello@brumbrum.nl<\/a><\/li>\n          <li><a href=\"#\">Support Center<\/a><\/li>\n          <li><a href=\"#\">Privacy Policy<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"bb-footer-bottom\">\n      <div class=\"bb-footer-copy\">\u00a9 2025 <a href=\"#\">BrumBrum Agency<\/a>. All rights reserved.<\/div>\n      <div style=\"font-size:13px;color:rgba(255,255,255,0.3);\">Designed with \u2764\ufe0f for growth<\/div>\n    <\/div>\n  <\/div>\n<\/footer>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BrumBrum Home About Services Testimonials Contact Start A Project \u2192 Home About Services Testimonials Contact Start A Project \u2192 \ud83d\ude80 Digital Marketing Agency We Are A Creative Agency That Drives Growth We help businesses grow their digital presence with cutting-edge marketing strategies, stunning design, and measurable results. Discover More \u2193 \u25b6 Watch Video 1.5k+Happy Clients [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":11,"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/brumbrum.netherlandsservers.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}