We Craft Digital Legacy

Pioneering the future of media production in the Middle East.

5+ Years of
Excellence

WHO WE ARE

Elevating Brands Through
Visual Storytelling

Based in Alexandria, Egypt, Tetra Media Hub is not just a production company; we are your creative partners. We specialize in transforming abstract ideas into visceral media experiences.

From high-end commercials to immersive documentaries and cutting-edge animation, our team merges technical mastery with artistic intuition. We don't just record events; we capture the soul of your brand.

Ready to start your journey?

Why Choose Tetra?

Comprehensive Solutions

From pre-production strategy to post-production magic, we handle every pixel with precision.

Speed & Quality

We leverage AI-driven workflows to deliver premium content faster than traditional timelines.

Unique Identity

No templates. We create bespoke designs that reflect distinct personality of your brand.

150+

Projects Completed

50+

Happy Clients

10+

Awards Won

5+

Years Experience

Ready to Create Magic?

Let's discuss how visual storytelling can transform your business.

Start a Project

Get In Touch

Visit our studio or drop us a line anywhere, anytime.

Call Us

+20 128 649 6912

Email Us

sales@tetramediahub.com

Visit Us

Borg Ostotora Louran, Alexandria, Egypt

Send Us a Message

} .section-title-dark { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2.5rem; color: #fff; margin-bottom: 15px; } .title-underline { width: 60px; height: 3px; background: #00eaff; margin: 0 auto; } .value-card { background: #1a1a1a; padding: 40px 30px; border-radius: 15px; margin-top: 30px; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.05); } .value-card:hover { transform: translateY(-10px); background: #222; border-color: #7048e8; } .icon-box { width: 60px; height: 60px; background: rgba(112, 72, 232, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #00eaff; font-size: 1.5rem; margin-bottom: 20px; } .value-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 15px; } .value-card p { color: #aaa; line-height: 1.6; } /* 4. Stats Section */ /* 4. Stats Section */ .stats-section { padding: 70px 0; background: linear-gradient(135deg, rgba(112, 72, 232, 0.1), rgba(0, 234, 255, 0.05)); color: #fff; border-bottom: 1px solid rgba(255,255,255,0.03); } .stat-number { font-size: 3.5rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #fff 30%, #aaa 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .stat-label { font-size: 0.9rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #00eaff; margin-top: 10px; } /* 5. Contact CTA */ .contact-cta { padding: 100px 0; background: #0a0a0a; position: relative; } .cta-box { background: #000; border-radius: 20px; padding: 60px; color: #fff; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjMTExIi8+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiMyMjIiLz4KPC9zdmc+'); } .cta-box h2 { font-weight: 800; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; } .cta-box p { color: #ccc; font-size: 1.2rem; margin-bottom: 0; } .btn-glow { display: inline-block; padding: 15px 40px; background: linear-gradient(135deg, #00eaff, #7048e8); color: #fff; font-weight: 700; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 10px 20px rgba(112, 72, 232, 0.4); transition: all 0.3s ease; text-decoration: none; } .btn-glow:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0, 234, 255, 0.6); color: #fff; text-decoration: none; } /* 6. Contact Details Form */ .contact-details { padding: 80px 0; background: #050505; } .contact-info-card { background: #111; padding: 45px; border-radius: 20px; height: 100%; border: 1px solid rgba(255,255,255,0.03); } .contact-info-card h3 { color: #fff; font-weight: 700; margin-bottom: 10px; } .contact-desc { color: #888; margin-bottom: 40px; } .info-item { display: flex; align-items: flex-start; margin-bottom: 35px; } .info-item i { color: #00eaff; font-size: 1.4rem; margin-top: 5px; margin-right: 20px; text-shadow: 0 0 10px rgba(0, 234, 255, 0.4); } .info-item span { display: block; font-weight: 700; color: #fff; margin-bottom: 5px; font-size: 1.1rem; } .info-item p { color: #aaa; width: 100%; margin: 0; font-size: 0.95rem; } .contact-form-wrapper h3 { font-weight: 700; margin-bottom: 30px; color: #fff; } .form-control { height: 55px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); background: #111; color: #fff; box-shadow: none; transition: 0.3s; } .form-control::placeholder { color: #555; } .form-control:focus { border-color: #7048e8; background: #161616; box-shadow: 0 0 15px rgba(112, 72, 232, 0.2); } .btn-submit { background: #fff; color: #000; border: none; padding: 18px 40px; font-weight: 800; text-transform: uppercase; border-radius: 10px; transition: 0.3s; cursor: pointer; letter-spacing: 1px; display: inline-block; width: auto; } .btn-submit:hover { background: linear-gradient(135deg, #00eaff, #7048e8); color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.3); } .map-container iframe { width: 100%; height: 400px; border: none; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } /* Responsive Tweak */ @media (max-width: 768px) { .hero-title { font-size: 2.5rem; } .story-section { padding: 60px 0; } .story-content { padding-left: 0; padding-top: 40px; } .experience-badge { bottom: 0; right: 20px; padding: 10px 20px; } .experience-badge .year { font-size: 1.8rem; } .cta-box { text-align: center; padding: 40px 20px; } .cta-box .text-right { text-align: center; margin-top: 30px; } }