About Us - Beauty Homeland<\/title>\r\n <style>\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: 'Arial', sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background-color: #fff;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero-section {\r\n background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%);\r\n color: white;\r\n padding: 80px 0;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n opacity: 0.3;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.5rem;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n margin-bottom: 30px;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* About Section *\/\r\n .about-section {\r\n padding: 80px 0;\r\n background-color: #fafafa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: #ff6b6b;\r\n margin-bottom: 20px;\r\n font-weight: bold;\r\n }\r\n\r\n .section-subtitle {\r\n text-align: center;\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 60px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .about-card {\r\n background: white;\r\n padding: 40px 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n text-align: center;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff6b6b, #ff8e8e);\r\n }\r\n\r\n .about-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .card-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #ff6b6b, #ff8e8e);\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 font-size: 2rem;\r\n color: white;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.5rem;\r\n color: #333;\r\n margin-bottom: 15px;\r\n font-weight: bold;\r\n }\r\n\r\n .card-text {\r\n color: #666;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Mission Section *\/\r\n .mission-section {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .mission-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .mission-text {\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n color: #555;\r\n }\r\n\r\n .mission-text h3 {\r\n color: #ff6b6b;\r\n font-size: 1.8rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .mission-image {\r\n background: linear-gradient(135deg, #ff6b6b, #ff8e8e);\r\n height: 400px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 1.2rem;\r\n text-align: center;\r\n }\r\n\r\n \/* Values Section *\/\r\n .values-section {\r\n padding: 80px 0;\r\n background: #fafafa;\r\n }\r\n\r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n\r\n .value-item {\r\n text-align: center;\r\n padding: 30px 20px;\r\n }\r\n\r\n .value-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: #ff6b6b;\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.5rem;\r\n }\r\n\r\n .value-title {\r\n font-size: 1.3rem;\r\n color: #333;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n }\r\n\r\n .value-text {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Contact Section *\/\r\n .contact-section {\r\n padding: 80px 0;\r\n background: white;\r\n text-align: center;\r\n }\r\n\r\n .contact-content {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-text {\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 40px;\r\n line-height: 1.8;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .social-link {\r\n width: 50px;\r\n height: 50px;\r\n background: #ff6b6b;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-decoration: none;\r\n transition: transform 0.3s ease, background-color 0.3s ease;\r\n }\r\n\r\n .social-link:hover {\r\n transform: scale(1.1);\r\n background: #ff5252;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .mission-content {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .about-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .values-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* Animation *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .fade-in-up {\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero-section\">\r\n <div class=\"container\">\r\n <div class=\"hero-content fade-in-up\">\r\n <h1 class=\"hero-title\">About Beauty Homeland<\/h1>\r\n <p class=\"hero-subtitle\">Your trusted companion in the journey of beauty, style, and self-expression<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"about-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Who We Are<\/h2>\r\n <p class=\"section-subtitle\">Beauty Homeland is more than just a website \u2013 we're a passionate community dedicated to sharing knowledge, inspiration, and expertise in all things beautiful.<\/p>\r\n \r\n <div class=\"about-grid\">\r\n <div class=\"about-card\">\r\n <div class=\"card-icon\">\ud83d\udc84<\/div>\r\n <h3 class=\"card-title\">Beauty Expertise<\/h3>\r\n <p class=\"card-text\">Our team of beauty enthusiasts brings years of experience in makeup, skincare, and beauty trends to help you look and feel your best.<\/p>\r\n <\/div>\r\n \r\n <div class=\"about-card\">\r\n <div class=\"card-icon\">\ud83d\udc57<\/div>\r\n <h3 class=\"card-title\">Fashion Forward<\/h3>\r\n <p class=\"card-text\">Stay ahead of the curve with our fashion insights, styling tips, and trend forecasts that keep you stylish in every season.<\/p>\r\n <\/div>\r\n \r\n <div class=\"about-card\">\r\n <div class=\"card-icon\">\u2728<\/div>\r\n <h3 class=\"card-title\">Lifestyle Inspiration<\/h3>\r\n <p class=\"card-text\">From hair care secrets to wellness tips, we provide comprehensive lifestyle content that enhances your daily routine.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"mission-section\">\r\n <div class=\"container\">\r\n <div class=\"mission-content\">\r\n <div class=\"mission-text\">\r\n <h3>Our Mission<\/h3>\r\n <p>At Beauty Homeland, we believe that beauty comes in all forms and that everyone deserves to feel confident and radiant. Our mission is to democratize beauty knowledge by providing accessible, expert-backed content that empowers individuals to express their unique style.<\/p>\r\n <br>\r\n <p>We're committed to creating an inclusive space where beauty enthusiasts of all backgrounds can discover new techniques, learn from experts, and find inspiration for their personal beauty journey.<\/p>\r\n <\/div>\r\n <div class=\"mission-image\">\r\n <div>\r\n <h4>Empowering Beauty<\/h4>\r\n <p>Through Knowledge & Inspiration<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"values-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Our Values<\/h2>\r\n <p class=\"section-subtitle\">The principles that guide everything we do<\/p>\r\n \r\n <div class=\"values-grid\">\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83c\udf1f<\/div>\r\n <h4 class=\"value-title\">Authenticity<\/h4>\r\n <p class=\"value-text\">We provide honest, unbiased reviews and advice based on real experiences and expert knowledge.<\/p>\r\n <\/div>\r\n \r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83e\udd1d<\/div>\r\n <h4 class=\"value-title\">Inclusivity<\/h4>\r\n <p class=\"value-text\">Beauty has no boundaries. We celebrate diversity and cater to all skin types, ages, and styles.<\/p>\r\n <\/div>\r\n \r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83d\udcda<\/div>\r\n <h4 class=\"value-title\">Education<\/h4>\r\n <p class=\"value-text\">We believe in empowering our readers with knowledge to make informed beauty and style decisions.<\/p>\r\n <\/div>\r\n \r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83d\udca1<\/div>\r\n <h4 class=\"value-title\">Innovation<\/h4>\r\n <p class=\"value-text\">We stay at the forefront of beauty trends and technology to bring you the latest insights.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"contact-section\">\r\n <div class=\"container\">\r\n <div class=\"contact-content\">\r\n <h2 class=\"section-title\">Get In Touch<\/h2>\r\n <p class=\"contact-text\">Have questions, suggestions, or just want to say hello? We'd love to hear from you! Join our community and be part of the Beauty Homeland family.<\/p>\r\n \r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-link\" title=\"Facebook\">\ud83d\udcd8<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"Instagram\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"Twitter\">\ud83d\udc26<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"Pinterest\">\ud83d\udccc<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"YouTube\">\ud83d\udcfa<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Add smooth scrolling and animation effects\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Intersection Observer for animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all cards and sections\r\n const animatedElements = document.querySelectorAll('.about-card, .value-item, .mission-content');\r\n animatedElements.forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Add hover effects for social links\r\n const socialLinks = document.querySelectorAll('.social-link');\r\n socialLinks.forEach(link => {\r\n link.addEventListener('mouseenter', function() {\r\n this.style.transform = 'scale(1.1) rotate(5deg)';\r\n });\r\n \r\n link.addEventListener('mouseleave', function() {\r\n this.style.transform = 'scale(1) rotate(0deg)';\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us – Beauty Homeland About Beauty Homeland Your trusted companion in the journey of beauty, style, and self-expression Who We Are Beauty Homeland is more than just a website \u2013 we’re a passionate community dedicated to sharing knowledge, inspiration, and expertise in all things beautiful. \ud83d\udc84 Beauty Expertise Our team of beauty enthusiasts brings […]<\/p>\n","protected":false},"author":1,"featured_media":254,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages\/253"}],"collection":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":10,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":811,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions\/811"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/media\/254"}],"wp:attachment":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n About Us - Beauty Homeland<\/title>\r\n <style>\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: 'Arial', sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background-color: #fff;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero-section {\r\n background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%);\r\n color: white;\r\n padding: 80px 0;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n opacity: 0.3;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.5rem;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n margin-bottom: 30px;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* About Section *\/\r\n .about-section {\r\n padding: 80px 0;\r\n background-color: #fafafa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: #ff6b6b;\r\n margin-bottom: 20px;\r\n font-weight: bold;\r\n }\r\n\r\n .section-subtitle {\r\n text-align: center;\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 60px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .about-card {\r\n background: white;\r\n padding: 40px 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n text-align: center;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff6b6b, #ff8e8e);\r\n }\r\n\r\n .about-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .card-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #ff6b6b, #ff8e8e);\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 font-size: 2rem;\r\n color: white;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.5rem;\r\n color: #333;\r\n margin-bottom: 15px;\r\n font-weight: bold;\r\n }\r\n\r\n .card-text {\r\n color: #666;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Mission Section *\/\r\n .mission-section {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .mission-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .mission-text {\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n color: #555;\r\n }\r\n\r\n .mission-text h3 {\r\n color: #ff6b6b;\r\n font-size: 1.8rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .mission-image {\r\n background: linear-gradient(135deg, #ff6b6b, #ff8e8e);\r\n height: 400px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 1.2rem;\r\n text-align: center;\r\n }\r\n\r\n \/* Values Section *\/\r\n .values-section {\r\n padding: 80px 0;\r\n background: #fafafa;\r\n }\r\n\r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n\r\n .value-item {\r\n text-align: center;\r\n padding: 30px 20px;\r\n }\r\n\r\n .value-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: #ff6b6b;\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.5rem;\r\n }\r\n\r\n .value-title {\r\n font-size: 1.3rem;\r\n color: #333;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n }\r\n\r\n .value-text {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Contact Section *\/\r\n .contact-section {\r\n padding: 80px 0;\r\n background: white;\r\n text-align: center;\r\n }\r\n\r\n .contact-content {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-text {\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 40px;\r\n line-height: 1.8;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .social-link {\r\n width: 50px;\r\n height: 50px;\r\n background: #ff6b6b;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-decoration: none;\r\n transition: transform 0.3s ease, background-color 0.3s ease;\r\n }\r\n\r\n .social-link:hover {\r\n transform: scale(1.1);\r\n background: #ff5252;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .mission-content {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .about-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .values-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* Animation *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .fade-in-up {\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero-section\">\r\n <div class=\"container\">\r\n <div class=\"hero-content fade-in-up\">\r\n <h1 class=\"hero-title\">About Beauty Homeland<\/h1>\r\n <p class=\"hero-subtitle\">Your trusted companion in the journey of beauty, style, and self-expression<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"about-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Who We Are<\/h2>\r\n <p class=\"section-subtitle\">Beauty Homeland is more than just a website \u2013 we're a passionate community dedicated to sharing knowledge, inspiration, and expertise in all things beautiful.<\/p>\r\n \r\n <div class=\"about-grid\">\r\n <div class=\"about-card\">\r\n <div class=\"card-icon\">\ud83d\udc84<\/div>\r\n <h3 class=\"card-title\">Beauty Expertise<\/h3>\r\n <p class=\"card-text\">Our team of beauty enthusiasts brings years of experience in makeup, skincare, and beauty trends to help you look and feel your best.<\/p>\r\n <\/div>\r\n \r\n <div class=\"about-card\">\r\n <div class=\"card-icon\">\ud83d\udc57<\/div>\r\n <h3 class=\"card-title\">Fashion Forward<\/h3>\r\n <p class=\"card-text\">Stay ahead of the curve with our fashion insights, styling tips, and trend forecasts that keep you stylish in every season.<\/p>\r\n <\/div>\r\n \r\n <div class=\"about-card\">\r\n <div class=\"card-icon\">\u2728<\/div>\r\n <h3 class=\"card-title\">Lifestyle Inspiration<\/h3>\r\n <p class=\"card-text\">From hair care secrets to wellness tips, we provide comprehensive lifestyle content that enhances your daily routine.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"mission-section\">\r\n <div class=\"container\">\r\n <div class=\"mission-content\">\r\n <div class=\"mission-text\">\r\n <h3>Our Mission<\/h3>\r\n <p>At Beauty Homeland, we believe that beauty comes in all forms and that everyone deserves to feel confident and radiant. Our mission is to democratize beauty knowledge by providing accessible, expert-backed content that empowers individuals to express their unique style.<\/p>\r\n <br>\r\n <p>We're committed to creating an inclusive space where beauty enthusiasts of all backgrounds can discover new techniques, learn from experts, and find inspiration for their personal beauty journey.<\/p>\r\n <\/div>\r\n <div class=\"mission-image\">\r\n <div>\r\n <h4>Empowering Beauty<\/h4>\r\n <p>Through Knowledge & Inspiration<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"values-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Our Values<\/h2>\r\n <p class=\"section-subtitle\">The principles that guide everything we do<\/p>\r\n \r\n <div class=\"values-grid\">\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83c\udf1f<\/div>\r\n <h4 class=\"value-title\">Authenticity<\/h4>\r\n <p class=\"value-text\">We provide honest, unbiased reviews and advice based on real experiences and expert knowledge.<\/p>\r\n <\/div>\r\n \r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83e\udd1d<\/div>\r\n <h4 class=\"value-title\">Inclusivity<\/h4>\r\n <p class=\"value-text\">Beauty has no boundaries. We celebrate diversity and cater to all skin types, ages, and styles.<\/p>\r\n <\/div>\r\n \r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83d\udcda<\/div>\r\n <h4 class=\"value-title\">Education<\/h4>\r\n <p class=\"value-text\">We believe in empowering our readers with knowledge to make informed beauty and style decisions.<\/p>\r\n <\/div>\r\n \r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\ud83d\udca1<\/div>\r\n <h4 class=\"value-title\">Innovation<\/h4>\r\n <p class=\"value-text\">We stay at the forefront of beauty trends and technology to bring you the latest insights.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"contact-section\">\r\n <div class=\"container\">\r\n <div class=\"contact-content\">\r\n <h2 class=\"section-title\">Get In Touch<\/h2>\r\n <p class=\"contact-text\">Have questions, suggestions, or just want to say hello? We'd love to hear from you! Join our community and be part of the Beauty Homeland family.<\/p>\r\n \r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-link\" title=\"Facebook\">\ud83d\udcd8<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"Instagram\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"Twitter\">\ud83d\udc26<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"Pinterest\">\ud83d\udccc<\/a>\r\n <a href=\"#\" class=\"social-link\" title=\"YouTube\">\ud83d\udcfa<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Add smooth scrolling and animation effects\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Intersection Observer for animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all cards and sections\r\n const animatedElements = document.querySelectorAll('.about-card, .value-item, .mission-content');\r\n animatedElements.forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Add hover effects for social links\r\n const socialLinks = document.querySelectorAll('.social-link');\r\n socialLinks.forEach(link => {\r\n link.addEventListener('mouseenter', function() {\r\n this.style.transform = 'scale(1.1) rotate(5deg)';\r\n });\r\n \r\n link.addEventListener('mouseleave', function() {\r\n this.style.transform = 'scale(1) rotate(0deg)';\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us – Beauty Homeland About Beauty Homeland Your trusted companion in the journey of beauty, style, and self-expression Who We Are Beauty Homeland is more than just a website \u2013 we’re a passionate community dedicated to sharing knowledge, inspiration, and expertise in all things beautiful. \ud83d\udc84 Beauty Expertise Our team of beauty enthusiasts brings […]<\/p>\n","protected":false},"author":1,"featured_media":254,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages\/253"}],"collection":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":10,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":811,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions\/811"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/media\/254"}],"wp:attachment":[{"href":"https:\/\/www.beautyhomeland.com\/index.php\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}