RSocial Stars

Igniting Your Digital Presence

About Us

RSocial Stars is a leading agency dedicated to transforming brands through innovative social media strategies and compelling digital content. We specialize in influencer marketing, community management, and cutting-edge content creation.

Meet Our CEO: Ethan Thomas ▼

Ethan Thomas is the visionary CEO and founder of RSocial Stars. With over 15 years of experience in the digital marketing landscape, Ethan is passionate about helping businesses connect authentically with their audiences and achieve measurable growth online. His leadership has guided RSocial Stars to become a powerhouse in the social media realm, fostering a culture of innovation and client success.

Our Services

Influencer Marketing

Connecting your brand with the right voices to amplify your message and reach new audiences effectively.

Content Creation

Crafting compelling and shareable content that resonates with your target audience across all social platforms.

Community Management

Building and nurturing vibrant online communities around your brand, fostering loyalty and engagement.

body { font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; background-color: #f4f7fa; color: #333; line-height: 1.6; } hr { border: none; border-top: 1px solid #eee; margin: 40px auto; width: 80%; } /* Header/Hero Section */ .hero { background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); color: white; text-align: center; padding: 100px 20px; display: flex; justify-content: center; align-items: center; min-height: 60vh; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .hero-content h1 { font-size: 3.5em; margin-bottom: 10px; letter-spacing: 2px; } .hero-content p { font-size: 1.5em; margin-bottom: 30px; opacity: 0.9; } .cta-button { background-color: #00e676; /* Green accent */ color: white; padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.2em; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0, 230, 118, 0.4); animation: pulse 2s infinite ease-in-out; /* Pulsing animation */ } .cta-button:hover { background-color: #00c853; /* Darker green on hover */ transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0, 230, 118, 0.6); animation: none; /* Stop pulse on hover */ } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /* Info Section */ .info-section, .services-section { padding: 60px 20px; max-width: 960px; margin: 0 auto; text-align: center; } .info-section h2, .services-section h2 { font-size: 2.5em; color: #2575fc; margin-bottom: 40px; } .info-content p { font-size: 1.1em; max-width: 700px; margin: 0 auto 30px auto; } /* Accordion */ .accordion { width: 100%; max-width: 600px; margin: 30px auto; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; background-color: white; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .accordion-header { background-color: #e3f2fd; /* Light blue */ padding: 18px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease; border-bottom: 1px solid #ddd; } .accordion-header:hover { background-color: #d1e5f8; } .accordion-header h3 { margin: 0; font-size: 1.3em; color: #333; } .accordion-header .arrow { font-size: 1.5em; transition: transform 0.3s ease; } .accordion-header.active .arrow { transform: rotate(180deg); } .accordion-body { padding: 0 25px; max-height: 0; /* Initially hidden */ overflow: hidden; transition: max-height 0.4s ease-out, padding 0.4s ease-out; background-color: white; } .accordion-body.open { max-height: 200px; /* Adjust as needed based on content */ padding: 20px 25px; } /* Services Section */ .service-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 40px; } .service-card { background-color: white; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); padding: 30px; flex: 1; min-width: 280px; max-width: 350px; text-align: left; transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 5px solid #6a11cb; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-color: #2575fc; } .service-card h3 { color: #6a11cb; font-size: 1.5em; margin-top: 0; margin-bottom: 15px; } .service-card p { font-size: 1em; color: #555; } /* Footer */ footer { text-align: center; padding: 30px 20px; background-color: #333; color: white; font-size: 0.9em; margin-top: 60px; } /* Responsive Design */ @media (max-width: 768px) { .hero-content h1 { font-size: 2.5em; } .hero-content p { font-size: 1.2em; } .cta-button { padding: 12px 25px; font-size: 1em; } .info-section h2, .services-section h2 { font-size: 2em; } .service-cards { flex-direction: column; align-items: center; } .service-card { max-width: 80%; } } @media (max-width: 480px) { .hero { padding: 80px 15px; } .hero-content h1 { font-size: 2em; } .hero-content p { font-size: 1em; } .accordion-header h3 { font-size: 1.1em; } }