{"id":9,"date":"2026-01-10T15:30:16","date_gmt":"2026-01-10T15:30:16","guid":{"rendered":"http:\/\/skinnymeuk.com\/?page_id=9"},"modified":"2026-01-10T16:24:20","modified_gmt":"2026-01-10T16:24:20","slug":"elementor-9","status":"publish","type":"page","link":"http:\/\/skinnymeuk.com\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SkinnyMeUK<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ===== SIMPLE HEADER & NAVIGATION ===== *\/\r\n :root {\r\n --primary: #0D5C7F;\r\n --secondary: #2E8B6D;\r\n --dark: #0A1F2C;\r\n --light: #FFFFFF;\r\n --gray-100: #F3F4F6;\r\n --gray-200: #E5E7EB;\r\n --gray-700: #374151;\r\n --shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n --radius: 8px;\r\n --transition: all 0.2s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: #f8fafc;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .header {\r\n background: var(--light);\r\n border-bottom: 1px solid var(--gray-200);\r\n padding: 16px 0;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .header-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* Logo Styles *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n }\r\n\r\n .logo-image {\r\n height: 40px;\r\n width: auto;\r\n display: block;\r\n }\r\n\r\n \/* Navigation Styles *\/\r\n .nav-menu {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 32px;\r\n list-style: none;\r\n }\r\n\r\n .nav-link {\r\n text-decoration: none;\r\n color: var(--gray-700);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n transition: var(--transition);\r\n padding: 8px 0;\r\n }\r\n\r\n .nav-link:hover {\r\n color: var(--primary);\r\n }\r\n\r\n \/* Header Actions *\/\r\n .header-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .header-social {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .social-icon {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background-color: var(--gray-100);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--gray-700);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icon:hover {\r\n background-color: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 24px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: var(--radius);\r\n background: var(--primary);\r\n color: var(--light);\r\n border: none;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #1A7FA6;\r\n }\r\n\r\n \/* Mobile Menu Button *\/\r\n .mobile-menu-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n font-size: 1.25rem;\r\n color: var(--dark);\r\n cursor: pointer;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius);\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 992px) {\r\n .nav-menu {\r\n gap: 24px;\r\n }\r\n \r\n .nav-links {\r\n gap: 24px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n \r\n .nav-menu {\r\n position: fixed;\r\n top: 72px;\r\n left: 0;\r\n width: 100%;\r\n background: var(--light);\r\n padding: 24px;\r\n flex-direction: column;\r\n align-items: stretch;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n transform: translateY(-100%);\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n z-index: 999;\r\n }\r\n \r\n .nav-menu.active {\r\n transform: translateY(0);\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n \r\n .nav-links {\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n \r\n .nav-link {\r\n padding: 16px 0;\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n \r\n .header-actions {\r\n flex-direction: column;\r\n gap: 16px;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--gray-200);\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .logo-image {\r\n height: 32px;\r\n }\r\n \r\n .btn-primary {\r\n padding: 10px 20px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .container {\r\n padding: 0 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Header & Navigation -->\r\n <header class=\"header\">\r\n <div class=\"container header-container\">\r\n <a href=\"#\" class=\"logo\">\r\n <!-- Replace with your logo image URL -->\r\n <img decoding=\"async\" src=\"http:\/\/skinnymeuk.com\/wp-content\/uploads\/2026\/01\/skinny-e1768061637558.jpeg\" alt=\"SkinnyMeUK Logo\" class=\"logo-image\">\r\n <\/a>\r\n \r\n <nav class=\"nav-menu\" id=\"navMenu\">\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#home\" class=\"nav-link\">Home<\/a><\/li>\r\n <li><a href=\"#products\" class=\"nav-link\">Products<\/a><\/li>\r\n <li><a href=\"#content\" class=\"nav-link\">Content<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n <\/ul>\r\n \r\n <div class=\"header-actions\">\r\n <div class=\"header-social\">\r\n <a href=\"#\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\" aria-label=\"Telegram\">\r\n <i class=\"fab fa-telegram\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <a href=\"#products\" class=\"btn-primary\">Shop Now<\/a>\r\n <\/div>\r\n <\/nav>\r\n \r\n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\r\n const navMenu = document.getElementById('navMenu');\r\n \r\n mobileMenuBtn.addEventListener('click', () => {\r\n navMenu.classList.toggle('active');\r\n mobileMenuBtn.innerHTML = navMenu.classList.contains('active') ? \r\n '<i class=\"fas fa-times\"><\/i>' : '<i class=\"fas fa-bars\"><\/i>';\r\n });\r\n \r\n \/\/ Close mobile menu when clicking a link\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navMenu.classList.remove('active');\r\n mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7da0d8b elementor-widget elementor-widget-html\" data-id=\"7da0d8b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>SkinnyMeUK Hero Section<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n \/* ===== HERO SECTION STYLES ===== *\/\r\n :root {\r\n --primary: #0D5C7F;\r\n --secondary: #2E8B6D;\r\n --accent: #FF7A45;\r\n --dark: #0A1F2C;\r\n --light: #FFFFFF;\r\n --gray-50: #F9FAFB;\r\n --gray-100: #F3F4F6;\r\n --gray-600: #4B5563;\r\n --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n --radius: 12px;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n body { font-family: 'Inter', sans-serif; background: var(--gray-50); overflow-x:hidden; }\r\n\r\n .hero {\r\n min-height: 100vh;\r\n padding: 180px 0 140px;\r\n background: linear-gradient(135deg, #f8fafc 0%, #E8F4FA 100%);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .hero:before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -10%;\r\n width: 60%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(13, 92, 127, 0.05) 0%, transparent 70%);\r\n transform: rotate(15deg);\r\n }\r\n .hero:after {\r\n content: '';\r\n position: absolute;\r\n bottom: -30%;\r\n left: -30%;\r\n width: 80%;\r\n height: 80%;\r\n background: radial-gradient(circle, rgba(46, 139, 109, 0.05) 0%, transparent 70%);\r\n }\r\n\r\n .container { width: 100%; max-width: 1200px; margin:0 auto; padding:0 32px; position: relative; z-index:1; }\r\n\r\n .hero h1 {\r\n font-size: 3.75rem;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 2rem;\r\n background: linear-gradient(135deg, var(--dark) 0%, var(--primary) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.375rem;\r\n color: var(--gray-600);\r\n max-width: 800px;\r\n margin: 0 auto 3.5rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n gap: 24px;\r\n justify-content: center;\r\n margin-bottom: 5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n padding: 18px 40px;\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: var(--radius);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn:before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .btn:hover:before { left: 100%; }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--primary), #1A7FA6);\r\n color: var(--light);\r\n box-shadow: var(--shadow);\r\n }\r\n .btn-primary:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }\r\n\r\n .btn-secondary {\r\n background: linear-gradient(135deg, var(--secondary), #3AA685);\r\n color: var(--light);\r\n box-shadow: var(--shadow);\r\n }\r\n .btn-secondary:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }\r\n\r\n \/* HERO STATS *\/\r\n .hero-stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 80px;\r\n margin-top: 5rem;\r\n padding-top: 5rem;\r\n border-top: 1px solid rgba(0,0,0,0.05);\r\n flex-wrap: wrap;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n min-width: 120px;\r\n }\r\n\r\n .stat-number {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n display: block;\r\n line-height: 1;\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* Color code for numbers *\/\r\n .stat-item:nth-child(1) .stat-number { color: #0D5C7F; } \/* Blue *\/\r\n .stat-item:nth-child(2) .stat-number { color: #FF7A45; } \/* Orange *\/\r\n .stat-item:nth-child(3) .stat-number { color: #2E8B6D; } \/* Green *\/\r\n\r\n \/* Color code for labels *\/\r\n .stat-item:nth-child(1) .stat-label { color: #0D5C7F; font-weight:600; }\r\n .stat-item:nth-child(2) .stat-label { color: #FF7A45; font-weight:600; }\r\n .stat-item:nth-child(3) .stat-label { color: #2E8B6D; font-weight:600; }\r\n\r\n .stat-label {\r\n font-size: 0.9375rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n \/* Floating Elements *\/\r\n @keyframes float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-20px);} }\r\n .floating-element { position:absolute; animation: float 6s ease-in-out infinite; }\r\n .floating-1 { top:20%; left:10%; width:40px; height:40px; background: rgba(13,92,127,0.1); border-radius:50%; animation-delay:0s; }\r\n .floating-2 { bottom:20%; right:15%; width:60px; height:60px; background: rgba(46,139,109,0.1); border-radius:50%; animation-delay:1s; }\r\n .floating-3 { top:40%; right:20%; width:30px; height:30px; background: rgba(255,122,69,0.1); border-radius:50%; animation-delay:2s; }\r\n\r\n \/* Responsive *\/\r\n @media(max-width:992px){\r\n .hero{padding:150px 0 100px;}\r\n .hero h1{font-size:3.25rem;}\r\n .hero-subtitle{font-size:1.25rem;}\r\n .hero-actions{flex-direction:column; gap:20px;}\r\n .btn{width:100%; max-width:320px;}\r\n .hero-stats{gap:60px;}\r\n }\r\n @media(max-width:768px){\r\n .hero{padding:120px 0 80px;}\r\n .container{padding:0 24px;}\r\n .hero h1{font-size:2.75rem;}\r\n .hero-subtitle{font-size:1.125rem;}\r\n .hero-stats{gap:40px; flex-direction:column;}\r\n .stat-item{min-width:auto;}\r\n .floating-element{display:none;}\r\n }\r\n @media(max-width:576px){\r\n .hero h1{font-size:2.5rem;}\r\n .hero-subtitle{font-size:1.125rem;}\r\n .btn{padding:16px 32px; font-size:1rem;}\r\n .stat-number{font-size:2.5rem;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Hero Section -->\r\n<section class=\"hero\" id=\"home\">\r\n <!-- Floating Elements -->\r\n <div class=\"floating-element floating-1\"><\/div>\r\n <div class=\"floating-element floating-2\"><\/div>\r\n <div class=\"floating-element floating-3\"><\/div>\r\n\r\n <div class=\"container hero-container\">\r\n <h1>Medical-Grade Peptide & Weight Loss Solutions<\/h1>\r\n <p class=\"hero-subtitle\">Advanced injectable peptide pens designed to support weight loss, recovery, and overall wellbeing \u2013 delivered with clinical precision and modern convenience.<\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#products\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-shopping-bag\"><\/i>\r\n View Products\r\n <\/a>\r\n <a href=\"#content\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-book-open\"><\/i>\r\n Explore Content\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">98%<\/span>\r\n <span class=\"stat-label\">Customer Satisfaction<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">24h<\/span>\r\n <span class=\"stat-label\">Delivery Dispatch<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">100%<\/span>\r\n <span class=\"stat-label\">Medical Grade<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ Hero animation on load\r\n const hero = document.querySelector('.hero');\r\n document.addEventListener('DOMContentLoaded', () => {\r\n hero.style.opacity = '0';\r\n hero.style.transform = 'translateY(20px)';\r\n setTimeout(() => {\r\n hero.style.transition = 'all 0.8s cubic-bezier(0.4, 0, 0.2, 1)';\r\n hero.style.opacity = '1';\r\n hero.style.transform = 'translateY(0)';\r\n }, 100);\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28925c1 elementor-widget elementor-widget-html\" data-id=\"28925c1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Elegant Features Section<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root {\r\n --primary: #0D5C7F;\r\n --secondary: #2E8B6D;\r\n --dark: #0A1F2C;\r\n --gray: #6B7280;\r\n --light: #ffffff;\r\n --glass: rgba(255,255,255,0.75);\r\n --radius: 22px;\r\n --transition: all .35s cubic-bezier(.4,0,.2,1);\r\n}\r\n\r\n\/* Reset *\/\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: linear-gradient(180deg,#F8FBFD,#EEF4F8);\r\n color: var(--dark);\r\n}\r\n\r\n\/* Section *\/\r\n.features-section {\r\n padding: 120px 0;\r\n}\r\n\r\n.container {\r\n max-width: 1300px;\r\n margin: auto;\r\n padding: 0 32px;\r\n}\r\n\r\n\/* Title *\/\r\n.section-title {\r\n text-align: center;\r\n margin-bottom: 5rem;\r\n}\r\n\r\n.section-title h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 1.25rem;\r\n position: relative;\r\n}\r\n\r\n.section-title h2::after {\r\n content: '';\r\n width: 90px;\r\n height: 4px;\r\n background: linear-gradient(90deg,var(--primary),var(--secondary));\r\n display: block;\r\n margin: 20px auto 0;\r\n border-radius: 4px;\r\n}\r\n\r\n.section-subtitle {\r\n max-width: 620px;\r\n margin: auto;\r\n font-size: 1.2rem;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n}\r\n\r\n\/* Grid \u2013 FORCE 4 IN ONE ROW *\/\r\n.features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 36px;\r\n}\r\n\r\n\/* Card *\/\r\n.feature-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(14px);\r\n border-radius: var(--radius);\r\n padding: 46px 34px;\r\n text-align: center;\r\n border: 1px solid rgba(255,255,255,0.6);\r\n box-shadow: 0 18px 40px rgba(0,0,0,.08);\r\n transition: var(--transition);\r\n height: 100%;\r\n}\r\n\r\n.feature-card:hover {\r\n transform: translateY(-14px);\r\n box-shadow: 0 35px 60px rgba(0,0,0,.14);\r\n}\r\n\r\n\/* Icon *\/\r\n.feature-icon {\r\n width: 78px;\r\n height: 78px;\r\n margin: 0 auto 28px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg,var(--primary),var(--secondary));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 2rem;\r\n box-shadow: 0 14px 30px rgba(13,92,127,.35);\r\n transition: var(--transition);\r\n}\r\n\r\n.feature-card:hover .feature-icon {\r\n transform: scale(1.12) rotate(6deg);\r\n}\r\n\r\n\/* Text *\/\r\n.feature-card h3 {\r\n font-size: 1.45rem;\r\n font-weight: 600;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.feature-card p {\r\n font-size: 1.05rem;\r\n line-height: 1.75;\r\n color: var(--gray);\r\n}\r\n\r\n\/* Scroll animation *\/\r\n.animate-on-scroll {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n}\r\n\r\n.animate-on-scroll.animated {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: .6s ease;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"features-section\">\r\n<div class=\"container\">\r\n\r\n <div class=\"section-title\">\r\n <h2>What We Do<\/h2>\r\n <p class=\"section-subtitle\">\r\n Precision-engineered solutions designed for modern health and wellness excellence\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n\r\n <div class=\"feature-card animate-on-scroll\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-syringe\"><\/i><\/div>\r\n <h3>Medical-Grade Precision<\/h3>\r\n <p>Pharmaceutical-level peptide formulations manufactured with uncompromising quality standards.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card animate-on-scroll\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-heartbeat\"><\/i><\/div>\r\n <h3>Lifestyle-Ready Solutions<\/h3>\r\n <p>Thoughtfully designed to integrate effortlessly into demanding modern routines.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card animate-on-scroll\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n <h3>Effortless Experience<\/h3>\r\n <p>Streamlined ordering, rapid processing, and discreet delivery from start to finish.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card animate-on-scroll\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-award\"><\/i><\/div>\r\n <h3>Uncompromised Quality<\/h3>\r\n <p>Human-grade sourcing backed by rigorous testing and quality control protocols.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst observer = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('animated');\r\n }\r\n });\r\n},{ threshold: 0.15 });\r\n\r\ndocument.querySelectorAll('.animate-on-scroll')\r\n.forEach(el => observer.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9205c0 e-con-full e-flex e-con e-parent\" data-id=\"b9205c0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88ba000 elementor-widget elementor-widget-html\" data-id=\"88ba000\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Trust & Quality Section<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root {\r\n --primary: #0D5C7F;\r\n --secondary: #2E8B6D;\r\n --dark: #0A1F2C;\r\n --gray: #6B7280;\r\n --light: #ffffff;\r\n --radius: 18px;\r\n}\r\n\r\n\/* Reset *\/\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: 'Inter', system-ui, sans-serif;\r\n background: #F4F9FC;\r\n color: var(--dark);\r\n}\r\n\r\n\/* Section *\/\r\n.trust-section {\r\n padding: 100px 0;\r\n background: linear-gradient(135deg,#EAF4FA,#F7FBFE);\r\n}\r\n\r\n.container {\r\n max-width: 1200px;\r\n margin: auto;\r\n padding: 0 32px;\r\n}\r\n\r\n\/* Title *\/\r\n.section-title {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n}\r\n\r\n.section-title h2 {\r\n font-size: 2.6rem;\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.section-title p {\r\n font-size: 1.15rem;\r\n color: var(--gray);\r\n}\r\n\r\n\/* TRUST GRID \u2014 3 x 2 *\/\r\n.trust-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-bottom: 80px;\r\n}\r\n\r\n\/* Trust Card *\/\r\n.trust-item {\r\n background: var(--light);\r\n border-radius: var(--radius);\r\n padding: 38px 26px;\r\n text-align: center;\r\n box-shadow: 0 14px 34px rgba(0,0,0,0.08);\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n}\r\n\r\n.trust-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 22px 50px rgba(0,0,0,0.14);\r\n}\r\n\r\n\/* Icon *\/\r\n.trust-icon {\r\n width: 68px;\r\n height: 68px;\r\n margin: 0 auto 22px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg,var(--primary),var(--secondary));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 1.6rem;\r\n}\r\n\r\n\/* Text *\/\r\n.trust-item h3 {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.trust-item p {\r\n font-size: .95rem;\r\n color: var(--gray);\r\n line-height: 1.5;\r\n}\r\n\r\n\/* STATS *\/\r\n.stats-banner {\r\n background: linear-gradient(135deg,var(--primary),var(--secondary));\r\n border-radius: 22px;\r\n padding: 70px 40px;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.stats-banner h3 {\r\n font-size: 1.9rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.stats-banner p {\r\n opacity: .95;\r\n margin-bottom: 40px;\r\n}\r\n\r\n\/* Stats Grid *\/\r\n.stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4,1fr);\r\n gap: 32px;\r\n}\r\n\r\n.stat-number {\r\n font-size: 2.6rem;\r\n font-weight: 800;\r\n color: #ffffff; \/* KEEP WHITE *\/\r\n}\r\n\r\n.stat-label {\r\n font-size: .85rem;\r\n letter-spacing: .14em;\r\n opacity: .95;\r\n margin-top: 6px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n .trust-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .stats-grid {\r\n grid-template-columns: repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .trust-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .stats-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"trust-section\">\r\n<div class=\"container\">\r\n\r\n <div class=\"section-title\">\r\n <h2>Quality & Trust Assured<\/h2>\r\n <p>Your safety, privacy, and results are our top priorities<\/p>\r\n <\/div>\r\n\r\n <!-- TRUST BOXES (6) -->\r\n <div class=\"trust-grid\">\r\n\r\n <div class=\"trust-item\">\r\n <div class=\"trust-icon\"><i class=\"fas fa-flask\"><\/i><\/div>\r\n <h3>Medical-Grade Formulation<\/h3>\r\n <p>Manufactured to pharmaceutical-quality standards for human use.<\/p>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <div class=\"trust-icon\"><i class=\"fas fa-vial\"><\/i><\/div>\r\n <h3>Clinically Tested<\/h3>\r\n <p>Each batch undergoes strict quality and safety testing.<\/p>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <div class=\"trust-icon\"><i class=\"fas fa-syringe\"><\/i><\/div>\r\n <h3>Easy-to-Use Pens<\/h3>\r\n <p>Simple, precise dosing with user-friendly injection pens.<\/p>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <div class=\"trust-icon\"><i class=\"fas fa-shipping-fast\"><\/i><\/div>\r\n <h3>Discreet UK Delivery<\/h3>\r\n <p>Fast, secure shipping with plain and private packaging.<\/p>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <div class=\"trust-icon\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n <h3>Secure Payments<\/h3>\r\n <p>Encrypted checkout supporting trusted payment methods.<\/p>\r\n <\/div>\r\n\r\n <div class=\"trust-item\">\r\n <div class=\"trust-icon\"><i class=\"fas fa-user-md\"><\/i><\/div>\r\n <h3>Expert Support<\/h3>\r\n <p>Professional guidance and customer care when you need it.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- STATS -->\r\n <div class=\"stats-banner\">\r\n <h3>Trusted by Thousands Across the UK<\/h3>\r\n <p>Join our growing community achieving real, measurable results<\/p>\r\n\r\n <div class=\"stats-grid\">\r\n <div>\r\n <div class=\"stat-number\">5,000+<\/div>\r\n <div class=\"stat-label\">Customers<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"stat-number\">99.7%<\/div>\r\n <div class=\"stat-label\">Reviews<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-label\">Support<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"stat-number\">100%<\/div>\r\n <div class=\"stat-label\">Guarantee<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-898fd2d elementor-widget elementor-widget-html\" data-id=\"898fd2d\" data-element_type=\"widget\" id=\"products\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Premium Products<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root {\r\n --primary: #0D5C7F;\r\n --secondary: #2E8B6D;\r\n --dark: #0A1F2C;\r\n --gray: #6B7280;\r\n --light: #ffffff;\r\n --radius: 20px;\r\n}\r\n\r\n\/* Reset *\/\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: 'Inter', system-ui, sans-serif;\r\n background: #F6FAFD;\r\n color: var(--dark);\r\n}\r\n\r\n\/* Section *\/\r\n.products-section {\r\n padding: 110px 0;\r\n}\r\n\r\n.container {\r\n max-width: 1200px;\r\n margin: auto;\r\n padding: 0 32px;\r\n}\r\n\r\n\/* Title *\/\r\n.section-title {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n}\r\n\r\n.section-title h2 {\r\n font-size: 2.6rem;\r\n font-weight: 700;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.section-title p {\r\n font-size: 1.15rem;\r\n color: var(--gray);\r\n}\r\n\r\n\/* Grid *\/\r\n.products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 36px;\r\n}\r\n\r\n\/* Card *\/\r\n.product-card {\r\n background: var(--light);\r\n border-radius: var(--radius);\r\n box-shadow: 0 18px 40px rgba(0,0,0,0.08);\r\n overflow: hidden;\r\n transition: all .35s ease;\r\n}\r\n\r\n.product-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 28px 60px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* Image *\/\r\n.product-image {\r\n height: 220px;\r\n background: linear-gradient(135deg,#EAF4FA,#F3F7FA);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 3.8rem;\r\n color: var(--primary);\r\n}\r\n\r\n\/* Content *\/\r\n.product-content {\r\n padding: 36px;\r\n}\r\n\r\n.product-content h3 {\r\n font-size: 1.45rem;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.product-content p {\r\n font-size: 1rem;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n margin-bottom: 18px;\r\n}\r\n\r\n\/* Features *\/\r\n.product-features {\r\n list-style: none;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.product-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .95rem;\r\n color: var(--gray);\r\n margin-bottom: 6px;\r\n}\r\n\r\n.product-features i {\r\n color: var(--secondary);\r\n font-size: .8rem;\r\n}\r\n\r\n\/* Price *\/\r\n.product-price {\r\n font-size: 1.9rem;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n}\r\n\r\n.product-price span {\r\n font-size: .9rem;\r\n font-weight: 400;\r\n color: var(--gray);\r\n}\r\n\r\n\/* Buttons *\/\r\n.product-actions {\r\n display: flex;\r\n gap: 14px;\r\n}\r\n\r\n.btn {\r\n flex: 1;\r\n padding: 14px;\r\n border-radius: 14px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n text-align: center;\r\n transition: all .3s ease;\r\n}\r\n\r\n.btn-primary {\r\n background: linear-gradient(135deg,var(--primary),#1A7FA6);\r\n color: #fff;\r\n}\r\n\r\n.btn-primary:hover {\r\n transform: translateY(-3px);\r\n}\r\n\r\n.btn-outline {\r\n border: 2px solid var(--primary);\r\n color: var(--primary);\r\n}\r\n\r\n.btn-outline:hover {\r\n background: var(--primary);\r\n color: #fff;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n .products-grid {\r\n grid-template-columns: repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n .products-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"products-section\">\r\n<div class=\"container\">\r\n\r\n <div class=\"section-title\">\r\n <h2>Our Premium Formulations<\/h2>\r\n <p>Clinically inspired peptide solutions crafted for performance & wellbeing<\/p>\r\n <\/div>\r\n\r\n <div class=\"products-grid\">\r\n\r\n <!-- Product 1 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\"><i class=\"fas fa-weight-scale\"><\/i><\/div>\r\n <div class=\"product-content\">\r\n <h3>GLP-1 Peptide Pens<\/h3>\r\n <p>Medical-grade weight management solution designed for consistent, controlled results.<\/p>\r\n <ul class=\"product-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Clinically studied<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Pre-filled pen<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Monthly supply<\/li>\r\n <\/ul>\r\n <div class=\"product-price\">\u00a3149.99 <span>\/ month<\/span><\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">Buy Now<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\">Details<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 2 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\"><i class=\"fas fa-dna\"><\/i><\/div>\r\n <div class=\"product-content\">\r\n <h3>Retatrutide Formula<\/h3>\r\n <p>Advanced triple-action metabolic peptide supporting appetite and energy balance.<\/p>\r\n <ul class=\"product-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Triple-pathway support<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Precision dosed<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Premium grade<\/li>\r\n <\/ul>\r\n <div class=\"product-price\">\u00a3179.99 <span>\/ month<\/span><\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">Buy Now<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\">Details<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 3 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\"><i class=\"fas fa-heart-pulse\"><\/i><\/div>\r\n <div class=\"product-content\">\r\n <h3>BPC-157 Recovery<\/h3>\r\n <p>Targeted peptide designed to support tissue repair and recovery processes.<\/p>\r\n <ul class=\"product-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Tissue support<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Healing focused<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Easy dosing<\/li>\r\n <\/ul>\r\n <div class=\"product-price\">\u00a3139.99 <span>\/ month<\/span><\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">Buy Now<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\">Details<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 4 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"product-content\">\r\n <h3>Glow Peptide<\/h3>\r\n <p>Skin, vitality, and wellness peptide supporting overall radiance and balance.<\/p>\r\n <ul class=\"product-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Skin support<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Vitality boost<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Daily use<\/li>\r\n <\/ul>\r\n <div class=\"product-price\">\u00a3129.99 <span>\/ month<\/span><\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">Buy Now<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\">Details<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 5 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\"><i class=\"fas fa-bone\"><\/i><\/div>\r\n <div class=\"product-content\">\r\n <h3>TB-500 Recovery<\/h3>\r\n <p>Formulated to support muscle and joint recovery in active lifestyles.<\/p>\r\n <ul class=\"product-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Muscle repair<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Joint support<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Performance focused<\/li>\r\n <\/ul>\r\n <div class=\"product-price\">\u00a3159.99 <span>\/ month<\/span><\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">Buy Now<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\">Details<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 6 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\"><i class=\"fas fa-fire\"><\/i><\/div>\r\n <div class=\"product-content\">\r\n <h3>Trapeptide Formula<\/h3>\r\n <p>Dual-action metabolic peptide supporting weight control and energy regulation.<\/p>\r\n <ul class=\"product-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Dual-action<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Metabolic focus<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Monthly cycle<\/li>\r\n <\/ul>\r\n <div class=\"product-price\">\u00a3169.99 <span>\/ month<\/span><\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">Buy Now<\/a>\r\n <a href=\"#\" class=\"btn btn-outline\">Details<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f55baea elementor-widget elementor-widget-html\" data-id=\"f55baea\" data-element_type=\"widget\" id=\"contact\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Contact Section<\/title>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root {\r\n --primary: #0D5C7F;\r\n --secondary: #2E8B6D;\r\n --dark: #0A1F2C;\r\n --light: #ffffff;\r\n --gray-50: #F9FAFB;\r\n --gray-200: #E5E7EB;\r\n --gray-600: #4B5563;\r\n --radius: 14px;\r\n --radius-lg: 22px;\r\n --shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --shadow-lg: 0 16px 40px rgba(0,0,0,.18);\r\n --transition: all .35s ease;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n font-family: Inter, system-ui, sans-serif;\r\n background: var(--gray-50);\r\n color: var(--dark);\r\n}\r\n\r\n.contact-section {\r\n padding: 100px 0;\r\n}\r\n\r\n.container {\r\n max-width: 1280px;\r\n margin: auto;\r\n padding: 0 24px;\r\n}\r\n\r\n\/* ===== TITLE ===== *\/\r\n.section-title {\r\n text-align: center;\r\n margin-bottom: 64px;\r\n}\r\n\r\n.section-title h2 {\r\n font-size: 2.6rem;\r\n}\r\n\r\n.section-subtitle {\r\n color: var(--gray-600);\r\n font-size: 1.15rem;\r\n}\r\n\r\n\/* ===== GRID (4 CARDS) ===== *\/\r\n.contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 28px;\r\n margin-bottom: 90px;\r\n}\r\n\r\n\/* ===== CARD ===== *\/\r\n.contact-card {\r\n background: var(--light);\r\n padding: 40px 30px;\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow);\r\n text-align: center;\r\n transition: var(--transition);\r\n}\r\n\r\n.contact-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.contact-icon {\r\n width: 72px;\r\n height: 72px;\r\n margin: 0 auto 24px;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, #E8F4FA, #ffffff);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n color: var(--primary);\r\n}\r\n\r\n.contact-card h3 {\r\n margin-bottom: 10px;\r\n font-size: 1.35rem;\r\n}\r\n\r\n.contact-card p {\r\n font-size: .98rem;\r\n color: var(--gray-600);\r\n}\r\n\r\n.contact-link {\r\n display: inline-block;\r\n margin-top: 14px;\r\n font-weight: 600;\r\n color: var(--primary);\r\n text-decoration: none;\r\n}\r\n\r\n\/* ===== WHATSAPP CTA BUTTON ===== *\/\r\n.whatsapp-btn {\r\n margin-top: 22px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 26px;\r\n border-radius: 999px;\r\n background: linear-gradient(135deg, #25D366, #1DA851);\r\n color: #fff;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 10px 30px rgba(37,211,102,.35);\r\n transition: var(--transition);\r\n animation: pulse 2.5s infinite;\r\n}\r\n\r\n.whatsapp-btn i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n transform: translateY(-3px) scale(1.03);\r\n box-shadow: 0 16px 45px rgba(37,211,102,.5);\r\n}\r\n\r\n\/* Pulse animation *\/\r\n@keyframes pulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(37,211,102,.45); }\r\n 70% { box-shadow: 0 0 0 18px rgba(37,211,102,0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1100px) {\r\n .contact-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .contact-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"contact-section\">\r\n<div class=\"container\">\r\n\r\n <div class=\"section-title\">\r\n <h2>Contact & Support<\/h2>\r\n <p class=\"section-subtitle\">We\u2019re here whenever you need us<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <h3>Email<\/h3>\r\n <p>General inquiries & support<\/p>\r\n <a class=\"contact-link\" href=\"mailto:info@skinnymeuk.com\">info@skinnymeuk.com<\/a>\r\n <\/div>\r\n\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <h3>WhatsApp<\/h3>\r\n <p>Fast chat & order help<\/p>\r\n <a class=\"whatsapp-btn\" href=\"https:\/\/wa.me\/441234567890\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i> Chat Now\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\"><i class=\"fab fa-telegram\"><\/i><\/div>\r\n <h3>Telegram<\/h3>\r\n <p>Community & updates<\/p>\r\n <a class=\"contact-link\" href=\"#\">@SkinnyMeUK<\/a>\r\n <\/div>\r\n\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\"><i class=\"fab fa-instagram\"><\/i><\/div>\r\n <h3>Instagram<\/h3>\r\n <p>Tips & product info<\/p>\r\n <a class=\"contact-link\" href=\"#\">@SkinnyMeUK<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8da86c elementor-widget elementor-widget-html\" data-id=\"f8da86c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>SkinnyMeUK Footer<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ===== MINIMAL FOOTER STYLES ===== *\/\r\n :root {\r\n --primary: #0D5C7F;\r\n --secondary: #2E8B6D;\r\n --dark: #0A1F2C;\r\n --light: #FFFFFF;\r\n --gray-200: #E5E7EB;\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: var(--light);\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .content {\r\n flex: 1;\r\n padding: 40px 20px;\r\n text-align: center;\r\n }\r\n\r\n \/* Footer Styles *\/\r\n .footer {\r\n background: var(--dark);\r\n color: var(--light);\r\n padding: 40px 0 20px;\r\n margin-top: auto;\r\n }\r\n\r\n .footer-container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* WhatsApp Section *\/\r\n .whatsapp-section {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n padding-bottom: 30px;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .whatsapp-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #25D366, #1DA851);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n color: white;\r\n font-size: 1.75rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .whatsapp-icon:hover {\r\n transform: scale(1.1);\r\n }\r\n\r\n .whatsapp-number {\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n color: var(--light);\r\n text-decoration: none;\r\n display: inline-block;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .whatsapp-text {\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 0.95rem;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* Links Section *\/\r\n .footer-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .footer-links a {\r\n color: rgba(255, 255, 255, 0.7);\r\n text-decoration: none;\r\n font-size: 0.95rem;\r\n transition: var(--transition);\r\n position: relative;\r\n padding: 5px 0;\r\n }\r\n\r\n .footer-links a:after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 1px;\r\n background: var(--secondary);\r\n transition: var(--transition);\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--light);\r\n }\r\n\r\n .footer-links a:hover:after {\r\n width: 100%;\r\n }\r\n\r\n \/* Reassurance Text *\/\r\n .reassurance-text {\r\n text-align: center;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 0.9rem;\r\n margin-bottom: 30px;\r\n padding: 15px 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Footer Bottom *\/\r\n .footer-bottom {\r\n text-align: center;\r\n padding-top: 20px;\r\n }\r\n\r\n .copyright {\r\n color: rgba(255, 255, 255, 0.5);\r\n font-size: 0.85rem;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .footer-links {\r\n gap: 20px;\r\n }\r\n \r\n .whatsapp-icon {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.5rem;\r\n }\r\n \r\n .whatsapp-number {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .reassurance-text {\r\n font-size: 0.85rem;\r\n padding: 12px 0;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .footer {\r\n padding: 30px 0 15px;\r\n }\r\n \r\n .footer-links {\r\n flex-direction: column;\r\n gap: 15px;\r\n align-items: center;\r\n }\r\n \r\n .whatsapp-number {\r\n font-size: 1rem;\r\n }\r\n \r\n .reassurance-text {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n <!-- Minimal Footer -->\r\n <footer class=\"footer\">\r\n \r\n <!-- Links -->\r\n <div class=\"footer-links\">\r\n <a href=\"#privacy\">Privacy Policy<\/a>\r\n <a href=\"#terms\">Terms & Conditions<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/div>\r\n\r\n <!-- Reassurance Text -->\r\n <div class=\"reassurance-text\">\r\n Medical-grade products | Secure checkout | Quality guaranteed\r\n <\/div>\r\n\r\n <!-- Copyright -->\r\n <div class=\"footer-bottom\">\r\n <div class=\"copyright\">\r\n \u00a9 2026 SkinnyMeUK. All rights reserved.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Add click animation to WhatsApp icon\r\n const whatsappIcon = document.querySelector('.whatsapp-icon');\r\n const whatsappNumber = document.querySelector('.whatsapp-number');\r\n \r\n [whatsappIcon, whatsappNumber].forEach(element => {\r\n element.addEventListener('click', function() {\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n this.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n \r\n \/\/ Smooth scroll for footer links\r\n document.querySelectorAll('.footer-links a[href^=\"#\"]').forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n \r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n const targetElement = document.querySelector(targetId);\r\n if (targetElement) {\r\n window.scrollTo({\r\n top: targetElement.offsetTop - 80,\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>SkinnyMeUK Home Products Content Contact Shop Now SkinnyMeUK Hero Section Medical-Grade Peptide & Weight Loss Solutions Advanced injectable peptide pens designed to support weight loss, recovery, and overall wellbeing \u2013 delivered with clinical precision and modern convenience. View Products Explore Content 98% Customer Satisfaction 24h Delivery Dispatch 100% Medical Grade Elegant Features Section What We […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":88,"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":103,"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/103"}],"wp:attachment":[{"href":"http:\/\/skinnymeuk.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}