// Shared data + helpers for 7 Seven Cleaning landing variants // All three variants pull from the same source of truth. const SEVEN = { brand: '7 Seven Cleaning', logo: 'uploads/seven-cleaning-logo.png', phone: '+1 (360) 904-4542', phoneHref: 'tel:+13609044542', location: 'Vancouver, WA · Portland, OR · Across Washington State', rating: 4.9, reviewCount: 312, hourlyRate: 60, cities: ['Vancouver', 'Portland', 'Camas', 'Battle Ground', 'Ridgefield', 'Beaverton', 'Hillsboro', 'Tigard', 'Lake Oswego'], selling: [ { icon: 'bolt', title: 'Next-day booking', body: 'Most jobs scheduled within 48 hours. We show up on time, every time.' }, { icon: 'leaf', title: 'Eco-friendly products', body: 'Plant-based, pet- and kid-safe cleaning supplies — no harsh chemical residue.' }, { icon: 'shield', title: 'Insured & vetted team', body: 'Licensed, bonded, and background-checked. The same trusted faces every visit.' }, { icon: 'star', title: '4.9★ on Google', body: '300+ five-star reviews from Vancouver, Portland & beyond. We earn each one.' }, ], services: [ { key: 'deep', name: 'Deep Cleaning', tagline: 'For when "clean" needs to mean spotless.', from: 360, img: 'https://images.unsplash.com/photo-1581578731548-c64695cc6952?w=1200&q=80&auto=format&fit=crop', bullets: ['Baseboards, vents, blinds', 'Inside oven, fridge & cabinets', 'Detail bathrooms & kitchen'], }, { key: 'apartment', name: 'Apartment Cleaning', tagline: 'Weekly, biweekly or one-time refresh.', from: 240, img: 'https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1200&q=80&auto=format&fit=crop', bullets: ['All living areas dusted & vacuumed', 'Bathrooms scrubbed & sanitized', 'Kitchen surfaces & floors'], }, { key: 'moveout', name: 'Move-In / Move-Out', tagline: 'Get your deposit back. Start fresh.', from: 480, img: 'https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1200&q=80&auto=format&fit=crop', bullets: ['Top-to-bottom empty-home clean', 'Inside all cabinets & appliances', 'Walk-through guarantee'], }, { key: 'commercial', name: 'Commercial / Office', tagline: 'After-hours service, fully insured.', from: 360, img: 'https://images.unsplash.com/photo-1497366216548-37526070297c?w=1200&q=80&auto=format&fit=crop', bullets: ['Offices, retail, post-renovation', 'Flexible recurring schedules', 'COI provided on request'], }, ], steps: [ { n: 1, title: 'Tell us about your space', body: 'Pick a service, size, and date. Takes about 60 seconds.' }, { n: 2, title: 'Get an upfront quote', body: 'We text you a fixed-price estimate. No hidden fees, ever.' }, { n: 3, title: 'Relax — we handle it', body: 'Our team arrives with everything. You come home to spotless.' }, ], reviews: [ { name: 'Zach Smith', city: 'Vancouver, WA', avatar: 'https://7sevencleaning.com/wp-content/uploads/2023/12/zach-копия.png', body: 'We have had probably 10 different cleaners over the years and have NEVER been as pleased as we are with 7 Seven. They arrived with all their equipment and immediately got to work with an efficient system that left our house spotless.', stars: 5, }, { name: 'Katie', city: 'Portland, OR', avatar: 'https://7sevencleaning.com/wp-content/uploads/2023/12/k.png', body: 'They arrived less than 48 hours after I contacted them, deep cleaned the entire house in three hours, and left me with a spotless, great smelling home. I\'m kicking myself for not having called them sooner.', stars: 5, }, { name: 'Brynn Cunningham', city: 'Camas, WA', avatar: 'https://7sevencleaning.com/wp-content/uploads/2023/12/b.png', body: 'Outstanding job cleaning our new home before we moved in. Yana found a time that worked perfectly with our hectic schedule. Don\'t waste your time trying other cleaners — go ahead with 7 Seven.', stars: 5, }, { name: 'David Zilban', city: 'Vancouver, WA', avatar: 'https://7sevencleaning.com/wp-content/uploads/2023/12/david-копия.png', body: 'Quick to respond to my call, booked a cleaning next day, and the cleaners were friendly, fast, and very thorough. My apartment is spotless.', stars: 5, }, { name: 'Whitney Morse', city: 'Portland, OR', avatar: 'https://7sevencleaning.com/wp-content/uploads/2023/12/w.png', body: 'So easy to schedule and Yana was incredibly responsive. She sent me a reminder a few days beforehand. The team was kind, up front about timing, and worked around our schedule perfectly.', stars: 5, }, { name: 'Isam Rashied', city: 'Beaverton, OR', avatar: 'https://7sevencleaning.com/wp-content/uploads/2023/12/i-150x145.png', body: 'Outstanding job on my move-out cleaning. They cleaned everything! Extremely professional, punctual, and thorough. The place looked so good, it made me regret moving out a little.', stars: 5, }, ], faqs: [ { q: 'How quickly can you come?', a: 'Most jobs are scheduled within 48 hours. Same-day service is often available — call us and we\'ll do everything we can to fit you in.' }, { q: 'Do I need to provide supplies?', a: 'No — our team arrives with all eco-friendly cleaning supplies and equipment included. If you prefer we use your products, just let us know.' }, { q: 'How much does a cleaning cost?', a: 'Most homes run $60/hr per cleaner. A typical 2-bed apartment deep clean is around 3 hours with 2 cleaners. We\'ll give you a fixed quote upfront — no surprises.' }, { q: 'Are you insured and bonded?', a: 'Yes. We\'re fully licensed, bonded, and insured. Every team member is background-checked and trained in our 7-Seven quality standard.' }, { q: 'What if I\'m not satisfied?', a: 'We offer a 24-hour re-clean guarantee. If anything isn\'t up to standard, let us know within a day and we\'ll come back at no charge.' }, { q: 'Do you offer recurring service?', a: 'Yes — weekly, biweekly, and monthly schedules. Recurring clients get 10% off after the first visit.' }, ], badges: ['Licensed & Insured', 'Bonded Cleaners', 'Eco-Friendly', 'Pet-Safe', '24h Guarantee'], }; // Tiny icon set — used across all variants for consistency. // strokeWidth/size set via props or defaults. function Icon({ name, size = 24, stroke = 'currentColor', sw = 1.6, fill = 'none', style }) { const p = { width: size, height: size, viewBox: '0 0 24 24', fill, stroke, strokeWidth: sw, strokeLinecap: 'round', strokeLinejoin: 'round', style }; switch (name) { case 'bolt': return ; case 'leaf': return ; case 'shield': return ; case 'star': return ; case 'star-outline': return ; case 'check': return ; case 'check-circle': return ; case 'phone': return ; case 'arrow-right': return ; case 'arrow-up-right': return ; case 'sparkle': return ; case 'sparkles': return ; case 'home': return ; case 'building': return ; case 'truck': return ; case 'spray': return ; case 'clock': return ; case 'pin': return ; case 'calendar': return ; case 'chevron-down': return ; case 'plus': return ; case 'minus': return ; case 'google': return ( ); default: return null; } } // Star rating bar function Stars({ n = 5, size = 14, color = '#F5B400' }) { return ( {Array.from({ length: n }).map((_, i) => ( ))} ); } const ROLLOVER_TRANSITION = 'transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease'; function rollover(hoverStyle, restStyle) { return { onMouseEnter: (e) => Object.assign(e.currentTarget.style, hoverStyle), onMouseLeave: (e) => Object.assign(e.currentTarget.style, restStyle), }; } // ───────────────────────────────────────────────────────────────────────────── // Brand palette system // Variants drive their primary/accent slots through CSS variables on their root // wrapper. When a brand palette is provided via BrandContext, those vars are set; // otherwise each variant's hex fallback (declared at its root) applies. // Curated palette presets. Each gives primary + accent (+ slightly darker variants). // "7 Seven Brand" is the cleaning company's site palette: a vivid cyan-teal + sunshine yellow // — close to 7sevencleaning.com hero / header treatment. const BRAND_PALETTES = { default: null, // means: let each variant use its native palette '7seven': { label: '7 Seven Bright', primary: '#7EC138', primaryDark: '#5C9226', accent: '#FCEA06', accentDeep: '#D6C800' }, '7seven-soft': { label: '7 Seven Soft', primary: '#97CD5C', primaryDark: '#6FA53A', accent: '#FCEA06', accentDeep: '#D6C800' }, '7seven-sage': { label: '7 Seven Sage', primary: '#86B86E', primaryDark: '#5E8E4C', accent: '#F4DC4A', accentDeep: '#C9B400' }, navy: { label: '7 Seven Navy', primary: '#0E3A6B', primaryDark: '#08254A', accent: '#FCEA06', accentDeep: '#D6C800' }, forest: { label: 'Forest Pine', primary: '#1F6B3A', primaryDark: '#0F4A24', accent: '#E8A93C', accentDeep: '#B8801F' }, rose: { label: 'Rose & Plum', primary: '#9B2C5C', primaryDark: '#6E1A40', accent: '#F4B860', accentDeep: '#C8841A' }, }; const BrandContext = React.createContext(null); function useBrand() { return React.useContext(BrandContext); } // Lighten/darken a hex by a percentage (-1..1, negative = darker, positive = lighter) function shiftHex(hex, pct) { if (!hex || hex[0] !== '#') return hex; const h = hex.replace('#', ''); const num = parseInt(h.length === 3 ? h.split('').map(c => c + c).join('') : h, 16); let r = (num >> 16) & 0xff; let g = (num >> 8) & 0xff; let b = num & 0xff; const f = pct < 0 ? 1 + pct : 1; const add = pct > 0 ? Math.round(255 * pct) : 0; r = Math.max(0, Math.min(255, Math.round(r * f) + add)); g = Math.max(0, Math.min(255, Math.round(g * f) + add)); b = Math.max(0, Math.min(255, Math.round(b * f) + add)); return '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join(''); } // Resolve the active brand object from tweaks state. // tweaks.palette = key of BRAND_PALETTES, or 'custom' // tweaks.primary / tweaks.accent = used when 'custom' function resolveBrand(tweaks) { if (!tweaks) return null; if (tweaks.palette === 'custom') { const p = tweaks.primary || '#7EC138'; const a = tweaks.accent || '#FCEA06'; return { primary: p, primaryDark: shiftHex(p, -0.3), accent: a, accentDeep: shiftHex(a, -0.25) }; } return BRAND_PALETTES[tweaks.palette] || null; } // Build the `--p7-*` CSS var style object, falling back to per-variant defaults. function brandVars(brand, defaults) { const b = brand || {}; return { '--p7-primary': b.primary || defaults.primary, '--p7-primary-dark': b.primaryDark || defaults.primaryDark || defaults.primary, '--p7-accent': b.accent || defaults.accent, '--p7-accent-deep': b.accentDeep || defaults.accentDeep || defaults.accent, }; } // Expose globals (Babel scripts don't share scope) Object.assign(window, { SEVEN, Icon, Stars, ROLLOVER_TRANSITION, rollover, BRAND_PALETTES, BrandContext, useBrand, resolveBrand, brandVars, shiftHex, });