Opening Canada Business Gate

BOOK YOUR SPACE

industryes

We offer a range of specialized services tailored to meet your individual needs. Our approach is focused on understanding and responding to what you require, providing effective and practical solutions.

Basic

We offer a range of specialized services tailored to meet your individual needs.

Business

We offer a range of specialized services tailored to meet your individual needs.

Professional

We offer a range of specialized services tailored to meet your individual needs.

Enterprise

We offer a range of specialized services tailored to meet your individual needs.

A Historic Trade Opportunity

The Canada-MENA trade corridor is one of the world's most underserved economic pathways. The summit is designed to unlock this immense potential, connecting innovators and leaders to shape a new era of prosperity.

Beyond the ordinary

This is where our journey begins. Get to know our business and what we do, and how we're committed to quality and great service. Join us as we grow and succeed together. We're glad you're here to be a part of our story.

The Rise of MENA E-Commerce

Digital transformation is sweeping the region, creating unprecedented opportunities for Canadian tech, products, and services.

3.7

Trillion USD MENA GDP

Access one of the fastest-growing economic blocs in the world.

<1.5%

Canada's MENA Export Share

A vast, untapped market for Canadian goods and services.

25

Participating Countries

A truly international gathering of decision-makers and influencers.

25+ Nations

500+C-Suite Delegates

Let's get started

“Working with CanExpo.com has been a game-changer for our business. The results speak for themselves, and we couldn't be happier with the level of professionalism and dedication they have shown.”

John Doe

Contact us

Get in touch with us today to see how we can help your business thrive!

About us

Can-gate.com is a leading marketing agency based in Milton, Ontario, Canada. Our mission is to empower businesses with innovative marketing solutions that drive growth and success. With a team of experienced professionals and a passion for creativity, we are committed to delivering exceptional results for our clients.

* --- Global Styles & Variables --- */ :root { --primary-red: #D8292F; /* Official Canada Red */ --dark-grey: #222222; --medium-grey: #4a4a4a; --light-grey: #f4f4f4; --white: #ffffff; --gold-accent: #D4AF37; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Roboto', sans-serif; line-height: 1.6; color: var(--dark-grey); background-color: var(--white); } .container { max-width: 1200px; margin: auto; padding: 0 2rem; } h1, h2, h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.2; } h1 { font-size: 3.5rem; font-weight: 900; } h2 { font-size: 2.5rem; text-align: center; margin-bottom: 1rem; } p { margin-bottom: 1rem; } /* --- Header & Navigation --- */ header { background: var(--white); color: var(--dark-grey); padding: 1rem 0; position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } header .container { display: flex; justify-content: space-between; align-items: center; } header .logo { font-family: 'Montserrat', sans-serif; font-weight: 700; color: var(--dark-grey); text-decoration: none; font-size: 1.2rem; } header nav ul { list-style: none; display: flex; align-items: center; } header nav ul li { margin-left: 1.5rem; } header nav a { color: var(--dark-grey); text-decoration: none; font-weight: bold; transition: color 0.3s ease; } header nav a:hover { color: var(--primary-red); } /* --- Buttons --- */ .btn { display: inline-block; padding: 0.8rem 2rem; text-decoration: none; border-radius: 5px; font-weight: bold; font-family: 'Montserrat', sans-serif; transition: all 0.3s ease; border: 2px solid transparent; } .btn-primary { background-color: var(--primary-red); color: var(--white); border-color: var(--primary-red); } .btn-primary:hover { background-color: #a82025; border-color: #a82025; } .btn-secondary { background-color: transparent; color: var(--white); border-color: var(--white); } .btn-secondary:hover { background-color: var(--white); color: var(--dark-grey); } .btn-register-nav { background-color: var(--primary-red); color: var(--white) !important; padding: 0.5rem 1.2rem; border-radius: 5px; } .btn-register-nav:hover { background-color: #a82025; color: var(--white) !important; } /* --- Hero Section --- */ .hero { height: 100vh; background: url('https://i.imgur.com/uQ9K8Jb.jpg') no-repeat center center/cover; color: var(--white); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; padding-top: 80px; /* Offset for fixed header */ } .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .hero .container { position: relative; z-index: 2; } .hero .subtitle { font-size: 1.5rem; max-width: 800px; margin: 1rem auto 2rem; } .stats { display: flex; justify-content: center; gap: 3rem; margin-bottom: 2rem; } .stat { text-align: center; } .stat-number { display: block; font-size: 2.5rem; font-weight: 700; font-family: 'Montserrat', sans-serif; color: var(--gold-accent); } .stat-label { font-size: 1rem; text-transform: uppercase; } .hero-buttons .btn { margin: 0 0.5rem; } /* --- Content Sections --- */ .content-section, .sectors-section, .founders-section, .cta-section { padding: 5rem 0; } .content-section { background: var(--light-grey); text-align: center; } .content-section p { max-width: 800px; margin: 0 auto; font-size: 1.1rem; } /* --- Sectors Section --- */ .sectors-section { background: var(--white); } .sectors-section h2, .sectors-section p { text-align: center; } .sectors-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; } .sector-card { position: relative; color: var(--white); overflow: hidden; border-radius: 10px; height: 200px; } .sector-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .sector-card:hover img { transform: scale(1.1); } .sector-card span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1rem; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); font-weight: bold; font-family: 'Montserrat', sans-serif; } /* --- Founders Section --- */ .founders-section { background-color: var(--light-grey); } .founders-section h2 { text-align: center; margin-bottom: 2rem; } .founders-grid { display: flex; justify-content: center; gap: 4rem; flex-wrap: wrap; } .founder-profile { text-align: center; max-width: 250px; } .founder-profile img { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; border: 5px solid var(--primary-red); margin-bottom: 1rem; box-shadow: 0 4px 10px rgba(0,0,0,0.15); } .founder-profile h3 { font-size: 1.5rem; margin-bottom: 0.25rem; } .founder-profile p { color: var(--medium-grey); font-style: italic; } /* --- Call to Action (CTA) Section --- */ .cta-section { background: var(--primary-red); color: var(--white); text-align: center; } .cta-section .btn { background: var(--white); color: var(--primary-red); } /* --- Footer --- */ footer { background: var(--dark-grey); color: var(--white); text-align: center; padding: 2rem 0; } .flags { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; } .flags img { height: 24px; width: auto; border: 1px solid #555; } /* --- Responsive Design --- */ @media (max-width: 768px) { h1 { font-size: 2.5rem; } header nav { display: none; /* Simplification for this example; a real site would use a hamburger menu */ } .stats { flex-direction: column; gap: 1.5rem; } .hero-buttons { display: flex; flex-direction: column; gap: 1rem; align-items: center; } .founders-grid { flex-direction: column; align-items: center; } }>